vue2,每次通过axios向后端发起请求时做判断,该怎么写
时间: 2024-03-27 13:40:46 浏览: 78
vue结合axios与后端进行ajax交互的方法
5星 · 资源好评率100%
可以在axios拦截器中添加请求拦截器,在请求头部添加token等信息,也可以在响应拦截器中对返回的数据进行处理和判断。
具体操作如下:
1. 在main.js中添加请求拦截器和响应拦截器:
```javascript
import axios from 'axios';
axios.interceptors.request.use(config => {
// 在请求头部添加 token 等信息
config.headers.Authorization = localStorage.getItem('token');
return config;
}, error => {
return Promise.reject(error);
});
axios.interceptors.response.use(response => {
// 对返回的数据进行处理和判断
if (response.data.code === 200) {
return response.data.data;
} else {
return Promise.reject(response.data.msg);
}
}, error => {
return Promise.reject(error);
});
```
2. 在发送请求时调用axios,例如:
```javascript
axios.get('/api/user').then(res => {
console.log(res);
}).catch(err => {
console.log(err);
});
```
这样,每次发送请求时都会经过请求拦截器和响应拦截器,可以根据需要进行处理和判断。
阅读全文