import axios from "axios";
import router from '@/router/index.js';
import { Message } from "element-ui";
import { getToken, removeToken } from '@/utils/auth'
const service = axios.create({
timeout: 20000 // 请求超时时间
});
// request拦截器,
service.interceptors.request.use(
config => {
// 权限校验
var sysToken = getToken();
if (sysToken && sysToken.length > 0) {
config.headers['Authorization'] = sysToken
}
return config;
},
error => {
return Promise.reject(error);
}
);
// response拦截器,
service.interceptors.response.use(
response => {
if (response.config.responseType === 'blob') {
if (response.status != 200) {
Message.error('请求失败' + response.status);
return Promise.reject()
} else if (!response.headers["content-disposition"]) {
Message.error('暂无接口访问权限');
return Promise.reject()
}
return response
} else {
if (response.data.code !== 0) {
let errMsg = response.data.msg;
if (response.data.code == 401) { // token失效
if (getToken()) {
Message.error(errMsg);
removeToken()
router.replace('/Login')
}
} else {
Message.error(errMsg);
}
return Promise.reject(errMsg)
}
return response.data;
}
},
error => {
Message.error('请求服务器失败');
return Promise.reject(error);
}
);
export default service
axios拦截器通配
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 一、 拦截器介绍 一般在使用axios时,会用到拦截器的功能,一般分为两种:请求拦截器、响应拦截器。 请求拦截器在...
- 1、请求拦截器 请求拦截器的作用是在请求发送前进行一些操作,例如在每个请求体里加上token,统一做了处理如果以后...
- 首先安装axios: 然后创建一个文件夹apiConfig,request.js文件 在配置所有接口的文件,api...
- 缘起 在 Mybatis 执行 like 查询时,如果查询字符包含通配符‘%’或‘_’则查询结果并不是我们预期结果...