axios 是一个基于 Promise 的 HTTP 客户端，用于浏览器和 node.js。当我们使用 axios 发送 POST 请求时，经常需要处理请求体中的数据。qs 是一个库，用于将 JavaScript 对象或值转换为 URL 编码的字符串，这在发送表单数据时特别有用。
为什么要用 qs 处理数据？
- 表单数据格式：当后端期望接收
application/x-www-form-urlencoded格式的数据时，我们需要使用qs来转换 JavaScript 对象。这种格式是 HTML 表单提交时使用的标准格式。 - 兼容性：有些后端服务或 API 可能只接受这种格式的数据，因此使用
qs可以确保数据被正确解析。 - 简化编码过程：手动构建 URL 编码的字符串可能既繁琐又容易出错。使用
qs可以简化这个过程。
什么时候不用 qs？
- 发送 JSON 数据：当后端期望接收
application/json格式的数据时，我们通常不需要使用qs。相反，我们可以直接将 JavaScript 对象转换为 JSON 字符串，并设置请求头Content-Type为application/json。
javascript复制代码
axios.post('/api/resource', { key: 'value' }, { |
|
headers: { |
|
'Content-Type': 'application/json' |
|
} |
|
}); |
- 使用 FormData：当需要上传文件或其他二进制数据时，通常会使用
FormData对象。在这种情况下，也不需要使用qs。
javascript复制代码
const formData = new FormData(); |
|
formData.append('file', fileInput.files[0]); |
|
axios.post('/api/upload', formData, { |
|
headers: { |
|
'Content-Type': 'multipart/form-data' |
|
} |
|
}); |
- API 明确支持其他格式：如果 API 文档明确说明它支持其他格式（如 XML、YAML 等），并且这些格式不是通过简单的 URL 编码或 JSON 实现的，那么可能需要使用其他库或方法来准备数据，而不是
qs。
总之，是否使用 qs 主要取决于后端 API 期望接收的数据格式。在发送 application/x-www-form-urlencoded 格式的数据时，qs 是一个很好的选择。而在其他情况下，可能需要使用其他方法或库来处理数据。
