axios发送请求携带token
时间: 2024-10-11 10:09:02 浏览: 33
vue中前端利用refreshToken结合axios拦截器实现token的无感刷新
Axios是一个流行的基于Promise的HTTP客户端库,它非常适合JavaScript开发人员。如果你想在axios发送请求时携带token(通常用于身份验证),你可以这样做:
1. 首先,在你的应用程序中安装axios库,如果你还没有安装,可以使用npm或yarn命令:
```bash
npm install axios
# 或者
yarn add axios
```
2. 创建一个axios实例,并设置一个默认配置,其中包含一个`headers`属性,用于存储token信息:
```javascript
import axios from 'axios';
const instance = axios.create({
baseURL: '你的API基地址',
headers: {
Authorization: `Bearer ${yourToken}`, // 将你的token替换到这里
},
});
```
3. 现在,当你需要发送一个请求时,只需要调用这个实例的方法,例如GET、POST等:
```javascript
instance.get('/api/endpoint')
.then(response => console.log(response.data))
.catch(error => console.error(error));
```
如果你在每个请求都希望手动添加token,也可以直接在发送请求时加上头部:
```javascript
axios.get('/api/endpoint', { headers: { Authorization: `Bearer ${yourToken}` } })
.then(...);
```
阅读全文