使用标头进行 axios 调用 - Javascript

在使用 axios 进行 HTTP 请求时，可以通过设置请求标头来传递一些额外的信息。这些标头可以包含身份验证信息、内容类型等。在本篇文章中，我们将介绍如何在 axios 调用中设置标头。

设置单个标头

要设置单个标头，请使用 headers 配置选项。例如，要将身份验证令牌作为标头传递，请像这样设置：

axios.get('/user', {
  headers: {
    'Authorization': 'Bearer ' + token
  }
})

在上面的示例中，我们将 Authorization 标头设置为 Bearer+令牌字符串。

设置多个标头

要设置多个标头，请传递一个对象，每个属性都是需要设置的标头的名称，每个值都是标头的值。例如，要设置两个标头：Content-Type 和 Authorization，请执行以下操作：

axios.post('/user', {
  firstName: 'John',
  lastName: 'Doe'
}, {
  headers: {
    'Content-Type': 'application/json',
    'Authorization': 'Bearer ' + token
  }
})

在上面的示例中，我们将 Content-Type 标头设置为 application/json，并将 Authorization 标头设置为 Bearer+令牌字符串。

使用不同协议头

在某些情况下，您可能需要使用不同的协议头。要执行此操作，请使用 baseURL 配置选项。例如，要使用 PUT 方法设置请求标头，请执行以下操作：

axios({
  method: 'put',
  url: '/user',
  baseURL: 'https://api.example.com',
  headers: {
    'Content-Type': 'application/json',
    'Authorization': 'Bearer ' + token
  },
  data: {
    firstName: 'John',
    lastName: 'Doe'
  }
})

在上面的示例中，我们使用了 baseURL 配置选项来设置协议头，并将 Content-Type 和 Authorization 标头设置为与之匹配的值。

总之，设置标头是在 axios 调用中传递额外信息的有用方法。您可以在单个请求中设置一个或多个这些标头，还可以通过使用 baseURL 配置选项来设置一组协议头，以便在多个请求中使用。