记录一下自己最近玩node.js时遇到的一些问题

最新推荐文章于 2023-03-03 09:48:15 发布

云墨-款哥的博客

最新推荐文章于 2023-03-03 09:48:15 发布

阅读量5k

点赞数

分类专栏： node.js JavaScript 文章标签： ajax http node.js web javascript

本文链接：https://blog.csdn.net/m0_56026872/article/details/117928568

版权

JavaScript 同时被 2 个专栏收录

22 篇文章 0 订阅

订阅专栏

node.js

7 篇文章 0 订阅

订阅专栏

分享一些小问题，与解决方案

最近自己在玩node.js，在使用ajax发送请求时，我把代码写完遇到了下面的一个报错
在这里插入图片描述

错误JS代码如下 在这里插入图片描述
问题解决

1.后面经过排查之后，发现是上面代码中的ajax请求url路径书写错误，我在上图写的地址为http：127.0.0.1:7766/postApi，这里的路径改成http://127.0.0.1:7766/postApi,就可以解决这个问题

2.get请求同理可以解决

注意：这里的服务器是我自己写的服务器，端口7766是我设置的端口

等我把这个问题解决之后，接下来遇到了另外一个问题，服务器爆出了一个错误，这个问题比较弱智

在这里插入图片描述
解决办法

这里在服务器中引入一下《fs》这个模块就好了

最后遇到了一个前端比较常遇见的问题：跨域
在这里插入图片描述
问题描述

上面的问题主要是说跨域问题，主要是我们从默认的5500端口去访问了7766端口
跨域是因为浏览器的安全策略
具体表现：

协议域名端口只要有一个不一样就是跨域
主要是为了安全不同的网站不能互相访问

问题解决

/我们从服务器访问我们的网址（即：在地址栏中直接输入服务器地址打开该网页），在服务器发请求，就不跨域了
例如：地址

晚上复习的时候又发现了一个问题

我发送get请求或者post请求时，传递参数时，name传不上去，截图如下

经常遇到的问题

没有用端口访问
编码方式 ;
scritpt jquery 也会发起请求没写else 导致转圈不停
jquery 路径不对目前先用 CDN
单词拼写错误

案例：html代码如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
    <!-- ajax 请求
      1.  不用表单的 所写 input可以不写name属性
      2.  用jQ 发 ajax
      3.  引用 jQ
    -->
    <input type="text" placeholder="姓名" id="nameI">
    <input type="text" placeholder="年龄" id="ageI">
    <button> ajax_get </button>
    <button> ajax_post </button>
    <button> ajax_jsonp </button>
    <script>
        //  get
        $("button").eq(0).click(function(){
            $.ajax({
                type: "get",
                url: "http://127.0.0.1:8866/getApi",
                data: {
                    name: nameI.value,
                    age: ageI.value
                },
                dataType: "JSON",
                success: function (res) {
                    // 注意返回的是数字  还是字符串 
                    if(res.code*1 == 1000){
                        alert(res.msg)
                    }else{
                        alert(res.msg)
                    }
                }
            });
        })
        // post
        $("button").eq(1).click(function(){
            $.ajax({
                type: "post",
                url: "http://127.0.0.1:8866/postApi",
                data: {
                    name: nameI.value,
                    age: ageI.value
                },
                dataType: "JSON",
                success: function (res) {
                    console.log(res)
                }
            });
        })
    </script>
</body>
</html>

后端服务器代码如下

const http = require('http')
const url = require("url")
const fs = require('fs')
const qs = require('querystring')
var server = http.createServer((req, res) => {
    res.writeHead(200, { "content-type": "text/html;charset=utf-8" })
    let urlObj = url.parse(req.url, true)
    // 路径 接口
    let { pathname } = urlObj
    console.log("pathname", pathname);
    if (req.method == "GET") {
        // 那我们从服务器访问我们的网址,在向服务器发请求
        // 就不跨域了
        // 服务器怎么返回一个网页呢
        // 服务器返回了 图标 图片 css 
        if (pathname == "/favicon.ico") {
            let readS = fs.createReadStream(__dirname + "/favicon.ico")
            readS.pipe(res)
        } else if (/(.*)\.html$/.test(pathname)) {
            //  怎么判断 是网页的   
            //  判断后缀是 .html结尾
            //  \.html$  以.html结尾
            // . 在正则里面除 \n换行符以为的任意字符
            // * 出现任意次数  >=0
            let readS = fs.createReadStream(__dirname + pathname)
            readS.pipe(res)
        }else if(pathname == "/"){
            res.end("默认主页请求")
        }else if(pathname == "/getApi"){
            let {name,age} = urlObj.query
            //  数字  字符串
            let data = {}
            if(name === "王阳明" && age === "20"){
                //自己写接口
                data = {
                    code:1000,
                    msg:"登录成功"
                }
            }else{
                data = {
                    code:2000,
                    msg:"用户名错误"
                }
            }
            // write(字符串)
            // 对象转字符串
            res.write(JSON.stringify(data));
            res.end()
        }
         else {
            // 养成好的习惯 写else
            res.end("get-结束")
        }
    } else if (req.method == "POST") {
        let allData = ""
        // 监听数据传递
        req.on("data",function(chunk){
                allData+=chunk
        })
        // 数据传输结束
        req.on("end",function(){
            // 需要转为 对象
            // 引用 querystring 模块
            console.log("数据:",allData);
            let qsObj = qs.parse(allData)
            let {name ,age}  = qsObj
            let data = {}
            if(name === "吴翰清" && age=== "20"){
                data = {
                    code:1000,
                    msg:"登录成功"
                }
            }else{
                data = {
                    code:1000,
                    msg:"登录失败"
                }
            }
            res.write(JSON.stringify(data))
            res.end()
        })
    } else {
        res.end("其他请求")
    }
})
server.listen(7766, () => {
    console.log("7766----服务启动");
})

云墨-款哥的博客

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
记录一下自己最近玩node.js时遇到的一些问题

分享一些小问题，与解决方案最近自己在玩node.js，在使用ajax发送请求时，我把代码写完遇到了下面的一个报错错误JS代码如下问题解决1.后面经过排查之后，发现是上面代码中的ajax请求url路径书写错误，我在上图写的地址为http：127.0.0.1:7766/postApi，这里的路径改成http://127.0.0.1:7766/postApi,就可以解决这个问题2.get请求同理可以解决注意：这里的服务器是我自己写的服务器，端口7766是我设置的端口等我把这个问题解决之后
复制链接

扫一扫