如何使用Axios发送授权标头🏠 返回首页了解如何使用Axios发送授权头发表于2020年1月18日，最后更新于2

了解如何使用Axios发送授权头

要在Axios POST请求中设置头信息，请向axios.post() ，传递第三个对象。

你可能已经在使用第二个参数来发送数据了，如果你在URL字符串后传递2个对象，第一个是数据，第二个是配置对象，你在这里添加一个包含另一个对象的headers 属性。

axios.post(url, {
  data: {
    ...
  }
})

axios.post(url, {
  //...data
}, {
  headers: {
    ...
  }
})

要设置授权头，要像这样调用它。

const token = '..your token..'

axios.post(url, {
  //...data
}, {
  headers: {
    'Authorization': `Basic ${token}` 
  }
})

(授权令牌可能不同，请与你所使用的应用程序核实)

要在Axios的GET请求中设置头信息，请将第二个对象传递给axios.get() ，例如，这是一个GitHub的GET请求/user 。

axios.get('https://api.github.com/user', {
  headers: {
    'Authorization': `token ${access_token}`
  }
})
.then((res) => {
  console.log(res.data)
})
.catch((error) => {
  console.error(error)
})

我在用WordPress的API做一些工作，我必须要认证才能对一个网站执行POST请求。

对我来说，最简单的方法是使用基本认证。

我正在使用Axios，所以我以这种方式为POST请求设置了Authorization 头。

const username = ''
const password = ''

const token = Buffer.from(`${username}:${password}`, 'utf8').toString('base64')

const url = 'https://...'
const data = {
  ...
}

axios.post(url, data, {
  headers: {
    'Authorization': `Basic ${token}`
  },
})