📜  使用标头进行 axios 调用 - Javascript (1)

📅  最后修改于: 2023-12-03 15:06:57.338000             🧑  作者: Mango

使用标头进行 axios 调用 - Javascript

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

设置单个标头

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

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

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

设置多个标头

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

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-TypeAuthorization 标头设置为与之匹配的值。

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