vue admin template拦截后端异常
时间: 2023-08-10 17:58:11 浏览: 39
对于Vue Admin Template拦截后端异常,你可以使用axios拦截器来处理。以下是一个示例:
首先,在你的项目中安装axios:
```bash
npm install axios
```
然后,在你的代码中创建一个axios实例,并添加拦截器:
```javascript
import axios from 'axios';
const instance = axios.create({
baseURL: 'http://api.example.com', // 替换为你的后端接口地址
});
// 请求拦截器
instance.interceptors.request.use(
(config) => {
// 在发送请求前做些处理,比如添加token等
return config;
},
(error) => {
// 处理请求错误
return Promise.reject(error);
}
);
// 响应拦截器
instance.interceptors.response.use(
(response) => {
// 对响应数据做些处理,比如判断后端返回的错误码
return response.data;
},
(error) => {
// 处理响应错误
if (error.response) {
// 根据后端返回的错误状态码进行处理
if (error.response.status === 401) {
// 未授权,进行跳转或其他操作
} else if (error.response.status === 500) {
// 后端服务器错误
} else {
// 其他错误
}
} else {
// 请求超时或其他网络错误
}
return Promise.reject(error);
}
);
export default instance;
```
现在,你可以在需要发起请求的地方使用这个axios实例来处理异常了。当后端返回错误时,你可以根据需要进行相应的处理,比如弹出提示框或进行页面跳转等。