JLNTV_IPD/vue-admin-beautiful
4
0
Fork 0
mirror of https://gitee.com/chu1204505056/vue-admin-beautiful.git synced 2025-10-09 02:30:01 +08:00
Code Issues Projects Releases Wiki Activity

✨修复request bug

Browse Source
This commit is contained in:
chuzhixin 2020-10-07 11:40:15 +08:00
parent af8afbc638
commit 1a3d31dcbf
1 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/utils/request.js
View File

@ -1,4 +1,3 @@
import Vue from "vue";
import axios from "axios"; import axios from "axios";
import { import {
baseURL, baseURL,
@ -12,10 +11,12 @@ import store from "@/store";
import qs from "qs"; import qs from "qs";
import router from "@/router"; import router from "@/router";
import { isArray } from "@/utils/validate"; import { isArray } from "@/utils/validate";
import { message } from "ant-design-vue";
let loadingInstance; let loadingInstance;
/** /**
* @author chuzhixin 1204505056@qq.com
* @description 处理code异常 * @description 处理code异常
* @param {*} code * @param {*} code
* @param {*} msg * @param {*} msg
@ -23,22 +24,20 @@ let loadingInstance;
const handleCode = (code, msg) => { const handleCode = (code, msg) => {
switch (code) { switch (code) {
case 401: case 401:
Vue.prototype.$baseMessage(msg || `无权限访问`, "error"); message.error(msg || "登录失效");
store.dispatch("user/resetAll").catch(() => {}); store.dispatch("user/resetAll").catch(() => {});
break; break;
case 403: case 403:
router.push({ path: "/403" }).catch(() => {}); router.push({ path: "/401" }).catch(() => {});
break;
case undefined:
Vue.prototype.$baseMessage(`后端接口未返回code`, "error");
break; break;
default: default:
Vue.prototype.$baseMessage(msg || `后端接口${code}异常`, "error"); message.error(msg || `后端接口${code}异常`);
break; break;
} }
}; };
/** /**
* @author chuzhixin 1204505056@qq.com
* @description axios初始化 * @description axios初始化
*/ */
const instance = axios.create({ const instance = axios.create({
@ -50,6 +49,7 @@ const instance = axios.create({
}); });
/** /**
* @author chuzhixin 1204505056@qq.com
* @description axios请求拦截器 * @description axios请求拦截器
*/ */
instance.interceptors.request.use( instance.interceptors.request.use(
@ -62,8 +62,9 @@ instance.interceptors.request.use(
"application/x-www-form-urlencoded;charset=UTF-8" "application/x-www-form-urlencoded;charset=UTF-8"
) )
config.data = qs.stringify(config.data); config.data = qs.stringify(config.data);
if (debounce.some((item) => config.url.includes(item))) if (debounce.some((item) => config.url.includes(item))) {
loadingInstance = Vue.prototype.$baseLoading(); //这里写加载动画
}
return config; return config;
}, },
(error) => { (error) => {
@ -72,6 +73,7 @@ instance.interceptors.request.use(
); );
/** /**
* @author chuzhixin 1204505056@qq.com
* @description axios响应拦截器 * @description axios响应拦截器
*/ */
instance.interceptors.response.use( instance.interceptors.response.use(
@ -90,7 +92,7 @@ instance.interceptors.response.use(
} else { } else {
handleCode(code, msg); handleCode(code, msg);
return Promise.reject( return Promise.reject(
"vue-admin-beautiful-pro请求异常拦截:" + "vue-admin-beautiful请求异常拦截:" +
JSON.stringify({ url: config.url, code, msg }) || "Error" JSON.stringify({ url: config.url, code, msg }) || "Error"
); );
} }
@ -114,7 +116,7 @@ instance.interceptors.response.use(
const code = message.substr(message.length - 3); const code = message.substr(message.length - 3);
message = "后端接口" + code + "异常"; message = "后端接口" + code + "异常";
} }
Vue.prototype.$baseMessage(message || `后端接口未知异常`, "error"); message.error(message || `后端接口未知异常`);
return Promise.reject(error); return Promise.reject(error);
} }
} }