axios请求拦截器加token
时间: 2023-11-09 21:58:51 浏览: 141
在axios中添加请求拦截器并加入token的方法如下:
首先,在项目中创建一个axios实例,用于进行请求拦截和配置。
```javascript
import axios from 'axios';
// 创建axios实例
const instance = axios.create({
baseURL: 'http://api.example.com', // 设置请求的基础URL
});
// 请求拦截器
instance.interceptors.request.use(
config => {
// 在发送请求之前做些什么
const token = 'your_token'; // 这里替换成你的token值
config.headers.Authorization = `Bearer ${token}`;
return config;
},
error => {
// 处理请求错误
return Promise.reject(error);
}
);
export default instance;
```
然后,在需要使用axios进行请求的地方,引入上面创建的axios实例,并发送请求即可。
```javascript
import axiosInstance from './axiosInstance';
axiosInstance.get('/api/data')
.then(response => {
// 处理响应数据
console.log(response.data);
})
.catch(error => {
// 处理请求错误
console.error(error);
});
```
这样就可以在每个请求中自动加入token了。
阅读全文