axios请求携带token
时间: 2023-08-05 09:05:49 浏览: 115
axios封装,携带token
5星 · 资源好评率100%
在使用 Axios 发送请求时,可以通过设置请求头来携带 token。以下是使用 Axios 发送请求并携带 token 的示例:
```javascript
import axios from 'axios';
const token = 'your_token_here';
axios.defaults.headers.common['Authorization'] = `Bearer ${token}`;
axios.get('https://api.example.com/data')
.then(response => {
// 处理响应数据
})
.catch(error => {
// 处理请求错误
});
```
在上面的示例中,我们使用 `axios.defaults.headers.common` 对象来设置全局的请求头。`Authorization` 字段的值为 `Bearer {token}`,其中 `{token}` 是你的实际 token 值。这样,每个由 Axios 发送的请求都会自动携带该请求头。
当然,你也可以在每个请求中单独设置请求头,而不使用全局默认的方式。示例如下:
```javascript
import axios from 'axios';
const token = 'your_token_here';
axios.get('https://api.example.com/data', {
headers: {
'Authorization': `Bearer ${token}`
}
})
.then(response => {
// 处理响应数据
})
.catch(error => {
// 处理请求错误
});
```
以上示例中,我们在每个请求的配置对象中设置了 `headers` 字段,并指定了 `Authorization` 字段的值为 `Bearer {token}`。
无论你选择哪种方式,都需要将 `your_token_here` 替换为你的实际 token 值。
阅读全文