如何在 Axios 中发送标头

在使用 Axios 进行网络请求时，我们通常需要向请求中添加一些自定义的标头信息（header），以便服务器能够正确地处理请求并返回响应。本文将介绍如何在 Axios 中发送标头。

基本用法

Axios 的 axios 函数支持向请求中添加标头信息。在发送 GET 请求时，可以将标头信息作为第二个参数传递：

axios.get(url, { headers: { 'X-Custom-Header': 'foobar' } });

在发送 POST 请求时，可以将标头信息作为第三个参数传递：

axios.post(url, data, { headers: { 'X-Custom-Header': 'foobar' } });

设置全局默认标头

如果我们希望在每次发送请求时都添加相同的标头信息，可以通过 Axios 的 defaults 对象来设置全局默认标头：

axios.defaults.headers.common['Authorization'] = AUTH_TOKEN;

这样，每次发送请求时都会自动携带上面定义的 Authorization 标头信息。

标头类型

在使用 Axios 的标头信息时，需要注意标头类型。常见的标头类型包括：

• application/json：用于指定请求和响应的内容类型为 JSON 格式。
• application/x-www-form-urlencoded：用于指定请求和响应的内容类型为表单格式。
• multipart/form-data：用于指定请求和响应的内容类型为多部分数据格式，多用于上传文件。

我们可以通过设置 Content-Type 标头信息来指定请求和响应的内容类型，例如：

axios.post('/api/post', { foo: 'bar' }, {
  headers: {
    'Content-Type': 'application/json'
  }
})

参考链接

• Axios 请求配置文档
• Axios 常见问题文档