/

如何使用Axios发送授权头部

如何使用Axios发送授权头部

学习如何使用Axios发送授权头部

在Axios的POST请求中设置头部，只需要将第三个对象传递给axios.post()方法。

你可能已经在使用第二个参数发送数据了，如果你在URL字符串之后传递了2个对象，第一个对象是数据，第二个对象是配置对象，其中需要添加一个headers属性，它是另一个对象。

1
2
3
4
5
axios.post(url, {
 data: {
 ...
 }
})
1
2
3
4
5
6
7
axios.post(url, {
 //...data
}, {
 headers: {
 ...
 }
})

要设置授权头部，请按照以下方式调用：

1
2
3
4
5
6
7
8
9
const token = '..你的令牌..'

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

（授权令牌可能不同，请确定你使用的应用程序）

在Axios的GET请求中设置头部，只需要将第二个对象传递给axios.get()方法，例如下面是一个对GitHub的GET请求 /user：

1
2
3
4
5
6
7
8
9
10
11
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，所以我将Authorization头部设置为POST请求，如下所示：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
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}`
 },
})

tags: [“Axios”, “POST请求”, “授权头部”, “基本身份验证”]