接口的错误拦截
那该多好 Lv2

对axios进行基础配置

1
2
3
4
5
6
7
//  main.js
import axios from 'axios'

const instance = axios.create({
baseURL = '/api', // 根据前端的跨域方式做调整
timeout = 8000 // 设置超时时间
})

request拦截器(请求发送后端之前)

1
2
3
4
5
6
7
8
9
10
11
instance.interceptors.request.use(
config => {
console.log(config); // config将发送到后端
config.headers.token = '此处可设置token的内容';
return config;
},
error => { //当发生错误时,执行该部分代码
console.log(error); //打印错误信息
return Promise.reject(error)
}
)

response拦截器(数据返回后)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
instance.interceptors.response.use(
response => {
let res = response.data;
if('状态码正确'){
return res;
}else{
alert('弹出此异常')
return Promise.reject('error')
}
},
error => {
console.log(error),
return Promise.reject(error);
}
)
 评论