axios.post 带上tocken
时间: 2023-10-12 08:59:49 浏览: 109
解决java使用axios.js的post请求后台时无法接收到入参的问题
5星 · 资源好评率100%
当使用 `axios.post` 发起请求时,您可以在请求的配置对象中添加一个 `headers` 属性,将 token 添加到请求头中。以下是一个示例:
```javascript
import axios from 'axios';
// 设置全局的默认请求头
axios.defaults.headers.common['Authorization'] = 'Bearer ' + token;
// 发起 POST 请求
axios.post('/api/endpoint', data)
.then(response => {
// 处理响应数据
console.log(response.data);
})
.catch(error => {
// 处理错误
console.error(error);
});
```
在上述代码中,我们首先通过 `axios.defaults.headers.common` 来设置全局的默认请求头,将 token 添加到 Authorization 请求头中。然后使用 `axios.post` 发起 POST 请求,并传递请求的数据 `data`。
请注意,上述代码中的 `token` 是一个占位符,您需要将其替换为实际的 token 值。
另外,如果您只需要在特定的请求中添加 token,而不是全局的默认请求头,您可以在请求的配置对象中直接添加一个 `headers` 属性:
```javascript
axios.post('/api/endpoint', data, {
headers: {
'Authorization': 'Bearer ' + token
}
})
.then(response => {
// 处理响应数据
console.log(response.data);
})
.catch(error => {
// 处理错误
console.error(error);
});
```
这样可以确保该请求独立设置了 token,而不影响全局的默认请求头。同样,需要将上述代码中的 `token` 替换为实际的 token 值。
阅读全文