关于params、query、body、data的使用

目录

• 一、数据响应（后端）
• 二、数据请求（前端）

---

  在做一个node项目时，在路由部分时，我对于req.params 和 req.query的使用竟有一些模糊的情况发生。今天特此做一下笔记。

Top

一、数据响应（后端）

  node中的路由中的params和query🤔

1、req.params：

表示的是路由参数（URL的路径部分，例：/api/movice/:id）

2、req.query：

表示的是查询参数（URL的？后的参数，例：/api/article?id=23&name=lencamo）

3、req.body:

表示的是post请求传来的data数据（通常是json数据）

Top

二、数据请求（前端）

  axios中的params和data🤔

1、params的使用

parmas可以同时在axios的get和post请求中

async axios_get() {
  const { data: res1 } = await axios.get("http://www.liulongbin.top:3006/api/getbooks", {
    //get请求url中的查询参数 —— ✨params
    params: { id: 1 },
  });

  console.log(res1)
},

2、data的使用

data 仅在axios的post请求中使用，并且可以省略

async axios_post() {
  const { data: res2  } = await axios.get("http://www.liulongbin.top:3006/api/post", {
    //post请求：请求体参数 —— ✨[data]可以省略
    name: "zs",
    age: 20,
  });

  console.log(res2)
},