//响应拦截器即异常处理
axios.interceptors.response.use(response => {
//请求成功
if (response.data.code && response.data.code == 200) {
return response
} else {
Message.warning({ message: response.data.msg });
return Promise.reject(response);
}
//请求失败
}, err => {
if (err && err.response) {
switch (err.response.status) {
case 401:
Message({
type: "error",
message: err.response.data.error
});
break;
default:
Message({
type: "error",
message: err.response.data.error
});
}
} else {
Message({
type: "error",
message: err.response.data.error
});
}
return Promise.resolve(err.response)
})
以上是编程学习网小编为您介绍的“axios响应拦截器即异常处理”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
织梦狗教程
本文标题为:axios响应拦截器即异常处理


基础教程推荐
猜你喜欢
- 基于Ajax技术实现考试倒计时并自动提交试卷 2023-01-20
- 关于COOKIE个数与大小的问题 2024-01-29
- 详解JS浏览器事件循环机制 2024-02-08
- vue-vuex-actions的基本使用 2023-10-08
- Javascript操纵Cookie实现购物车程序 2024-01-05
- layui table使用hide属性对列进行显示与隐藏 2022-10-20
- 一款css实现的鼠标经过按钮的特效 2023-12-30
- 甩掉ashx和asmx使用jQuery.ajaxWebService请求WebMethod简练处理Ajax 2023-01-20
- JavaScript闭包原理及作用详解 2023-08-08
- Vue中使用vue2-perfect-scrollbar制作滚动条 2024-02-04