import axios from 'axios' import { Notification, MessageBox, Message, Loading } from 'element-ui' import router from '@/router' import store from '@/store' import { getToken } from '@/utils/auth' import errorCode from '@/utils/errorCode' import { tansParams,judgmentNetworkReturnAddress } from "@/utils/ruoyi"; //判定http或者https let urlText = window.location.href.split('://')[0]+'://'; //分锅器 let potType = false; //弹窗状态开关 let messageData = null; // 弹层数据 let loadingInstance = {}; let options = { spinner:"", background: 'rgba(255, 255, 255, 0.1)' }; let loadingCount = 0; axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8' // 创建axios实例 const service = axios.create({ // axios中请求配置有baseURL选项,表示请求URL公共部分 baseURL: urlText+judgmentNetworkReturnAddress(), // 超时 timeout: 10000 }) // request拦截器 service.interceptors.request.use(config => { //拦截JSON处理 if(config.type == 'video'){ config.baseURL = localStorage.getItem('cameraExtranetAgent'); potType = true; }else{ potType = false; } // 弹层相关 loadingInstance = Loading.service(options) // 是否需要设置 token const isToken = (config.headers || {}).isToken === false if (getToken() && !isToken) { config.headers['Authorization'] = 'Bearer ' + getToken() // 让每个请求携带自定义token 请根据实际情况自行修改 } // get请求映射params参数 if (config.method === 'get' && config.params) { let url = config.url + '?' + tansParams(config.params); url = url.slice(0, -1); config.params = {}; config.url = url; if (config.url.indexOf('..') != -1) { loadingCount --; messageData = Message({ message: '请求包含非法参数', type: 'error', offset:100 }) setTimeout(function(){ messageData = null },1000); return } } // 弹层相关 loadingCount ++; return config }, error => { console.log('config2',config) // 弹层相关 loadingCount --; if(loadingCount===0){ loadingInstance.close(); } Promise.reject(error) }) // 响应拦截器 service.interceptors.response.use(res => { // 弹层相关 loadingCount --; if(loadingCount===0) { loadingInstance.close(); } // 未设置状态码则默认成功状态 const code = res.data.code || 200; // 获取错误信息 const msg = errorCode[code] || res.data.msg || errorCode['default'] if (code == 401) { if(!localStorage.getItem('serviceType')){ localStorage.setItem('serviceType','1') MessageBox.confirm('登录状态已过期,请重新登录', '系统提示', { confirmButtonText: '确定', showCancelButton:false, closeOnClickModal:false, cancelButtonText: '取消', type: 'warning' } ).then(() => { store.dispatch('LogOut').then(() => { localStorage.removeItem('serviceType'); router.replace({ path: '/login' }) // location.href = '/index'; }) return }).catch(() => {}); } // return Promise.reject('令牌验证失败') } else if (code == 403) { // if(!localStorage.getItem('serviceType')){ // MessageBox.confirm('没有权限,请联系管理员授权!', '系统提示', { // confirmButtonText: '确定', // showCancelButton:false, // closeOnClickModal:false, // cancelButtonText: '取消', // type: 'warning' // } // ).then(() => { // }).catch(() => {}); // } // return Promise.reject('error') router.replace({ path: '/403' }) } else if (code === 500) { if(!messageData){ messageData = Message({ message: msg, type: 'error', offset:100 }) setTimeout(function(){ messageData = null },1000); } return Promise.reject(new Error(msg)) } else if (code == 303 || code == 530 || code == 503 || code == 504|| code == 205) { // 303-考试从定向 530-账号不存在 503-验证码错误 504特殊报错code 205智能门禁状态 用于报错后需要返回code进行后续操作 return res.data } else if (code != 200) { Notification.error({ title: msg }) return Promise.reject('error') } else { return res.data } }, error => { // 弹层相关 loadingCount --; if(loadingCount===0){ loadingInstance.close(); } let { message } = error; if (message == "Network Error") { if(potType){ message = "视频监控接口连接异常"; }else{ message = "服务连接异常"; } } else if (message.includes("timeout")) { if(potType){ message = "视频监控接口请求超时"; }else{ message = "系统接口请求超时"; } } else if (message.includes("Request failed with status code")) { message = "系统接口" + message.substr(message.length - 3) + "异常"; } if(!messageData){ messageData = Message({ message: message, type: 'error', duration: 5 * 1000, offset:100 }) setTimeout(function(){ messageData = null },1000); } return Promise.reject(error) } ) // 通用下载方法 export function download(url, params, filename) { return service.post(url, params, { transformRequest: [(params) => { return tansParams(params) }], headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, responseType: 'blob' }).then((data) => { const content = data const blob = new Blob([content]) if ('download' in document.createElement('a')) { const elink = document.createElement('a'); elink.download = filename elink.style.display = 'none' elink.href = URL.createObjectURL(blob) document.body.appendChild(elink) elink.click() URL.revokeObjectURL(elink.href) document.body.removeChild(elink) } else { navigator.msSaveBlob(blob, filename) } }).catch((r) => { console.error(r) }) } // 通用地址文件下载方法 export function downloadUrl(fileUrl,fleName) { const newUrl = urlText + judgmentNetworkReturnAddress() + fileUrl; const x = new XMLHttpRequest(); x.open("GET", newUrl, true); x.responseType = "blob"; x.onload = () => { const url = URL.createObjectURL(x.response); const a = document.createElement("a"); a.href = url; a.download = fleName; a.target = "_blank"; a.click(); }; x.send(); } export function dataEncode(str) { let s = ""; if (str === null || str === undefined || str === "") { return ""; } s = str.replace("..", ""); return s; } export default service