如下所示:
/**
* axios配置,输出为vue组建
* */
import axios from 'axios';
import qs from 'qs'
import CookiesJS from 'js-cookie'
import router from '../router'
// http request 拦截器
axios.interceptors.request.use(
config => {
config.headers = {
'Content-Type': 'application/x-www-form-urlencoded'
};
// 在post请求发送出去之前,对其进行编码
if (config.method === 'post') {
config.data = qs.stringify(config.data);
}
return config;
},
err => {
return Promise.reject(err);
});
// http response 拦截器
axios.interceptors.response.use(
response => {
return response;
},
error => {
if (error.response) {
console.log("请求错误");
console.log(error.response.status);
switch (error.response.status) {
case 401:
// store.dispatch('logout');
console.log("401");
break;
case 404:
router.push('/Error/Error404');
break;
case 500:
router.push('/Error/Error500');
}
}
return Promise.reject(error);// 返回接口返回的错误信息
});
export default axios;
---------------------
以上这篇解决vue axios的封装 请求状态的错误提示问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
继续阅读与本文标签相同的文章
上一篇 :
区块链现史诗级漏洞,可完全控制虚拟货币交易
-
下载一款手机软件后,为何总是要让我们授权一些,看似毫无关联的权限?
2026-05-18栏目: 教程
-
千元机vivo Z5性能测试,妹子足够用
2026-05-18栏目: 教程
-
【从入门到放弃-ZooKeeper】ZooKeeper入门
2026-05-18栏目: 教程
-
105道BAT最新Java面试题(MySQL+Redis+nginx+ookeeper+MongoDB)
2026-05-18栏目: 教程
-
增值税发票管理系统2.0版即将上线啦
2026-05-18栏目: 教程
