Http请求 - 技术栈

在网络请求中，通常有两种主要的方式用于向服务器发送数据：通过 URL 查询参数（Query Parameters）和通过请求体（Request Body）。

Query Parameters:
- 查询参数是附加在 URL 后面的键值对，用于向服务器传递数据。
- 查询参数通常用于 GET 请求，但也可以在其他类型的请求中使用。
- 查询参数以 ? 开头，然后是键值对，键和值之间使用 = 分隔，不同的键值对之间使用 & 分隔。
- 例如：https://example.com/api/users?id=123&name=John
Request Body:
- 请求体是 HTTP 请求的一部分，用于在 POST、PUT、PATCH 等请求中向服务器发送数据。
- 请求体通常是以 JSON 格式或表单数据的形式发送。
- 请求体可以包含更大、更复杂的数据，如 JSON 对象或者文件上传。
- 请求体的格式通常由请求头中的 Content-Type 指定。
- 例如 JSON 格式的请求体：
```
{
  "id": 123,
  "name": "John"
}
```

通常来说，如果数据较小且简单，使用查询参数可以更加方便和直观。而如果数据较大或者复杂，或者包含敏感信息，建议使用请求体。在实际开发中，根据具体的需求和后端 API 的要求来选择合适的方式传递参数。

接口文档中请求参数是Query参数时：要传递的参数是在 URL 上，因此使用了 params 对象将 id 参数包裹起来。这样可以确保 id 参数被正确地拼接在 URL 的末尾，发送给后端进行处理。

javascript 复制代码

// 删除文章分类
export const artDelChannelService = (id) =>
  request.delete('/my/cate/del', {
    params: { id }
  })
//请求的url：https://big-event-vue-api-t.itheima.net/my/cate/del?id=1070

接口文档中请求参数是body参数时：数据是通过请求体（Request Body）传递的，而不是通过 URL 参数。因此，数据 data 直接作为请求体发送给后端。

javascript 复制代码

export const artAddCate = ({ cate_name, cate_alias }) =>
  request.post('/my/cate/add', { cate_name, cate_alias })