node http和url模块

妖狐艹你老母 2023-06-13 13:27 13阅读 0赞

### 什么是Node? ###

一篇好文：  
[深入理解Node][Node]

### 学了忘，忘了学 ###

> 1.  查看某方法的参数：删除左括号，再补上
> 2.  `request` 获取url相关信息 `response` 浏览器返回响应信息
> 3.  每次修改完页面后都要保存，退出（ctrl+c）服务端在重新进入
> 4.  端口号一般不设置3000以下，3000以下为本机的一些服务进程；一般以8开头，如果端口被占用则更换
> 5.  过程中遇到启动服务器一直报路径错误，开始以为是命名问题（有大小写和数字），试了几次后发现与命名无关，关闭软件重新打开文件夹后启动成功
> 6.  什么是`/favicon.ico`？  
>     所谓favicon，即`Favorites Icon`的缩写，顾名思义，便是其可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站。
> 7.  为什么每次刷新页面向服务器发送两次Node请求？  
>     `/favicon.ico`请求是默认请求，自己写的页面没有express框架（底层已经处理过两次发送请求的问题）；可以通过if判断ico是否已加载来控制只请求一次

## http模块 ##

![在这里插入图片描述][20191117164001340.png]

##### 1. 步骤 #####

引入请求；使用Api的方法；设置端口

> 1.  一定要有`end`结束服务，否则可能死循环
> 2.  查看本机的端口号：c盘下搜索hosts文件，记事本打开![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzAxOTk5_size_16_color_FFFFFF_t_70]

//1. 引入http请求 是流处理的api
    const http=require("http");
    //2. 使用api的方法 创建服务器(请求服务)
    http.createServer((req,res)=>{ 
         // 设置http头部 状态 文件类型 字符集
         //请求数据
         res.write("test ");
         //结束服务
         res.end();
    });
    //3. 设置端口port
    //参数含义 1. 端口号 2. 主机名称 3. 函数
    http.listen(8200,"localhost",()=>{ 
       console.log("服务器启动");
    })

##### 2. 完成后查看能看到端口等相关信息 #####

> 打开network后刷新页面

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzAxOTk5_size_16_color_FFFFFF_t_70 1]

### 运行 ###

##### 1. 在终端输入 ：`node sever.js` #####

##### 2. 报错信息 #####

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzAxOTk5_size_16_color_FFFFFF_t_70 2]

把`listen`修改为在请求后直接点

const http=require("http");
    http.createServer((req,res)=>{ 
         res.write("test ");
         res.end();
    }).listen(8200,"localhost",()=>{ 
       console.log("服务器启动");
    })

##### 3. 在请求服务里的write中如果写中文会乱码 #####

> 配置响应头的代码  
> 配置过格式的网页，network中有一项设置过了格式  
> ![在这里插入图片描述][20191117171353668.png]  
> 所以在请求服务中设置头

// 响应头的编码格式
        res.writeHead(200,{ "Content-Type":"text/html;charset=utf-8"});

## url模块 ##

> 1.  url模块用来解析地址
> 2.  `/favicon.ico`是网页打开后就有的，所以可以通过判断它是否存在再让浏览器是否加载，服务器是否再跑一遍，这样就是不会让数据输出两次
> 3.  解析完路径得到的为json数据，而`res.write();`只能解析字符串值，所以直接把json数据拼接在方法里页面会崩溃报错，所以要转换为字符串类型`json,stringfy`

**1. 引入url请求**

const url = require("url");

**2. 解析路径**

*  方法：  
    `url.parse()` 解析url地址；
 *  方法的两个参数：  
    参数1位解析的路径  
    参数2：可以将地址上的值解析出来（解析文字的乱码）

//1. 发送请求
    const url = require("url");
    
    //2. 使用api的方法 创建服务器(请求服务)
    http.createServer((req, res) => { 
        if (req.url != "/favicon.ico") { //控制只发送一次请求
            let path = url.parse(req.url,true);
            let query=path.query;
            console.log(path.query.name);
            // 响应头的编码格式
            res.writeHead(200, {  "Content-Type": "text/html;charset=utf-8" });
            // 响应的数据
            res.write("解析路径传值："+JSON.stringify(query));
            res.end();
        }
        //3. 设置端口port
    }).listen(8080, "localhost", () => { 
        console.log("creat success");
    })

## 不需频繁关闭重启 ##

1.  在nodejs中文件修改需要重启服务：这要开发比较慢，安装自启动工具supervisor

npm install –g supervisor

1.  安装完成之后启动文件使用 `supervisor ****.js`  
    启动服务之后修改代码会自动启动服务
2.  安装完成后使用报错；后来用npm和cnpm安装还是报错，使用nodemon还是报错

> 在安装了supervisor插件运行时出现错误：==PowerShell提示：“无法加载文件ps1，因为在此系统中禁止执行脚本”的解决 ==。

![在这里插入图片描述][20191128223642947.png]  
更改:  
解决：以管理员身份打开powershell，执行`set-executionpolicy remotesigned` 选择为true。  
在服务端打印会打印到终端，而不是浏览器。（解释代码的是node内部JavaScript引擎而不是浏览器）  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzAxOTk5_size_16_color_FFFFFF_t_70 3]  
安装成功后，不需要频繁加载组件，执行命令`supervisor 名称.js`后监听，自动执行

[Node]: https://www.ibm.com/developerworks/cn/opensource/os-nodejs/
[20191117164001340.png]: https://img-blog.csdnimg.cn/20191117164001340.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzAxOTk5_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191128205340690.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzAxOTk5,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzAxOTk5_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20191117171019111.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzAxOTk5,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzAxOTk5_size_16_color_FFFFFF_t_70 2]: https://img-blog.csdnimg.cn/20191117170213335.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzAxOTk5,size_16,color_FFFFFF,t_70
[20191117171353668.png]: https://img-blog.csdnimg.cn/20191117171353668.png
[20191128223642947.png]: https://img-blog.csdnimg.cn/20191128223642947.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzAxOTk5_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20191130171920234.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyNzAxOTk5,size_16,color_FFFFFF,t_70