Express の Get 请求

快来打我* 2024-05-24 04:01 79阅读 0赞

## 记给自己的 Express 的 Get 请求 ##

[上一篇文章][Link 1]是 Express 的 Hello World。这里我们来看看如何在 Express 中处理 Get 请求。

### 一般操作 ###

一般操作，从上次没有说到的`request`对象入手（下面的内容删除了关于`cookie`的部门，希望我有机会能专门学习`cookie`吧）。

app.get('/index', function (req, res) {
        
      console.log(JSON.stringify(req.app === app, null, 2)); // true
      console.log(`req.baseUrl: ${
          req.baseUrl}`); // 空，与路由有关
      console.log(`req.hostname: ${
          req.hostname}`);  
      // 192.168.1.5 | localhost
      console.log(`req.ip: ${
          req.ip}`);  
      // ::ffff:192.168.1.5 | ::1
      console.log(`req.ips: ${
          req.ips}`);  // 空
      console.log(`req.method: ${
          req.method}`); // GET
      console.log(`req.originalUrl: ${
          req.originalUrl}`); // /index
      console.log(`req.params: ${
          JSON.stringify(req.params || [], null, 2)}`);
      console.log(`req.path: ${
          req.path}`); // /index
      console.log(`req.protocol: ${
          req.protocol}`); // http
      console.log(`req.query: ${
          JSON.stringify(req.query || [], null, 2)}`); 
      // { "username": "tom", "password": "jerry" }
      console.log(`req.route: ${
          JSON.stringify(req.route || [], null, 2)}`);
      console.log(`req.secure: ${
          req.secure}`); // false
      console.log(`req.subdomains: ${
          req.subdomains}`);
      console.log(`req.xhr: ${
          req.xhr}`); // false
      res.end();
    });

首先想介绍一下关于`ip`和`hostname`内容，因为我第一次看到也有点蒙?

<table> 
 <thead> 
  <tr> 
   <th>监听host</th> 
   <th>ip</th> 
   <th>hostname</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>默认</td> 
   <td>::1</td> 
   <td>localhost</td> 
  </tr> 
  <tr> 
   <td>127.0.0.1</td> 
   <td>127.0.0.1</td> 
   <td>localhost</td> 
  </tr> 
  <tr> 
   <td>192.168.1.5(连接 WiFi 时本机IP)</td> 
   <td>::ffff:192.168.1.5</td> 
   <td>192.168.1.5</td> 
  </tr> 
 </tbody> 
</table>

参考了 [资料][Link 2] 和 [Node官网][Node] 的描述才，才知道下面的内容。  
`IPv6`由两部分组成：`子网前缀`和`接口后缀`。`IPv6`一共`128bit`，这两部分各`64bit`。如果`IPv4`地址嵌在`IPv6`中，为了让任何`IPv6`解析器都能知道自己正在处理一个`IPv4`的地址，所以在前面加上`子网前缀`。`子网前缀`中的连续的 0 是可以省略的，所以`::ffff:`实际上是`0000:0000:ffff:0000`。  
那`::1`同理，是`IPv6`的`localhost`的简写版本，完整版应该是`0:0:0:0:0:0:0:1`。

### 获取 Get 请求参数 ###

使用`request.query`获取`URL`参数

app.get('/getUser', (req, res) => {
        
      res.send(JSON.stringify(req.query));
    });

![在这里插入图片描述][07d42478c14a4e9fbda52cb3d9c41357.png]  
如果要获取这些变量，可以使用`解构赋值`语法，或者直接`.`拿到变量

app.get('/getUser', (req, res) => {
        
      let {
         name } = req.query; // tom
      let age = req.query.age; // 12
      let address = req.query.address; // undefined
      console.log(name, age, address);
      res.send(req.query);
    });

其实，我以前都很好奇，如果要在参数传对象或者数组是不是只能用`POST`请求，直到我看了`express`的文档——用`GET`一样没问题！不过都需要使用`[]`运算符  
先是数组，只需要使用`数组名[]=参数值`

// http://localhost:3000/getUser?users[]=tom&users[]=jerry&users[]=dog
    app.get('/getList', (req, res) => {
        
      let users = req.query.users
      res.end(users);
    });

![在这里插入图片描述][ecf04a42864a41db9689953dd4f499ad.png]  
然后是对象，需要`对象名[属性名]=属性值`

// http://localhost:3000/getUser?tom[name]=tom&tom[age]=12&tom[address]=house
    app.get('/tom', (req, res) => {
        
      let tom = req.query.tom;
      res.end(tom);
    });

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

### 获取 Get 路径参数 ###

熟悉`Springboot`的小伙伴都知道我们可以在路由中定义参数，然后使用`@PathVariable`注解拿到参数，在`express`中也没问题。我们需要使用`:参数名`定义参数

app.get('/user/:id', (req, res) => {
        
      console.log(req.params.id);
      res.end(req.params.id);
    });

![在这里插入图片描述][f59660d9dedc4dde9ed7f912ce437318.png]  
当然，我们可以定义不止一个参数

app.get('/image/:width/:height', (req, res) => {
        
      console.log(req.params.width);
      console.log(req.params.height);
      res.end(JSON.stringify(req.params));
    });

![在这里插入图片描述][77ef7be53e5548a8b86a4b96b2f2770c.png]  
就先分享到这里吧~

[Link 1]: https://blog.csdn.net/broken_promise/article/details/120233065?spm=1001.2014.3001.5501
[Link 2]: https://stackoverflow.com/questions/29411551/express-js-req-ip-is-returning-ffff127-0-0-1
[Node]: https://nodejs.org/api/net.html#net_server_listen_port_host_backlog_callback
[07d42478c14a4e9fbda52cb3d9c41357.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/24/2627c9664e874de3826a1d6191015f39.png
[ecf04a42864a41db9689953dd4f499ad.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/24/dfb3b5a44595479695e6a43d27782bc2.png
[493008f074b243a488d9b0a4d9191736.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/24/e6a59726af124362a3b2b9348c5bbabe.png
[f59660d9dedc4dde9ed7f912ce437318.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/24/8adfb1ce46204841b0895d43210a0f13.png
[77ef7be53e5548a8b86a4b96b2f2770c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/24/f4fe1ce6ee5a4161a8919bb8c83262c4.png