/** axios封装 * 请求拦截、相应拦截、错误统一处理 */ import axios from 'axios' // import QS from 'qs' // import store from '../store/index' import router from '@/router/index' import { Message } from 'element-ui' // console.log('VUE_PRODUCT_API_HOST', process.env, process.env.VUE_APP_PRODUCT_API_HOST) let baseUrl = process.env.VUE_APP_PRODUCT_API_HOST if (location.hostname === 'scp.jycash.cn') { baseUrl = process.env.VUE_APP_PRODUCT_XXXFINTECH_API_HOST }else if (location.host === '10.10.16.114') { baseUrl = process.env.VUE_APP_PRODUCT_HTTPS_API_HOST } axios.defaults.baseURL = baseUrl axios.defaults.withCredentials = true // 请求超时时间 axios.defaults.timeout = 60000 // post请求头 axios.defaults.headers.post['Content-Type'] = 'application/json;charset=UTF-8' // 响应拦截器 axios.interceptors.response.use( response => { Message.closeAll() if (response.status === 200) { if (response.data.code !== '00') { Message({ message: response.data.msg, type: 'error', duration: 6000 }) } return Promise.resolve(response) } else { return Promise.reject(response) } }, // 服务器状态码不是200的情况 error => { if (error.response.status) { switch (error.response.status) { // 401: 未登录 // 未登录则跳转登录页面,并携带当前页面的路径 // 在登录成功后返回当前页面,这一步需要在登录页操作。 case 401: router.replace({ path: '/login', query: { redirect: router.currentRoute.fullPath } }) break // 403 token过期 // 登录过期对用户进行提示 // 清除本地token和清空vuex中token对象 // 跳转登录页面 case 403: Message({ message: '登录过期,请重新登录', type: 'error', duration: 6000 }) // 清除token // localStorage.removeItem('token') // store.commit('loginSuccess', null) // 跳转登录页面,并将要浏览的页面fullPath传过去,登录成功后跳转需要访问的页面 setTimeout(() => { router.replace({ path: '/login', query: { redirect: router.currentRoute.fullPath } }) }, 1000) break // 404请求不存在 case 404: Message({ message: '网络请求不存在', type: 'error', duration: 6000 }) break // 其他错误,直接抛出错误提示 default: error.response && error.response.data && error.response.data.message && Message({ message: error.response.data.message, type: 'error', duration: 6000 }) } return Promise.reject(error.response) } } ) /** * addMenuId api地址添加全局参数menuId * @param {String} url 接口地址 */ function addMenuId(url) { // 本地调试使用 const menuId = parent.g_menu_id || '' const contactStr = url.includes('?') ? '&' : '?' if (url.includes('menuId=')) { return url } return `${url}${contactStr}menuId=${menuId}` } /** * get方法,对应get请求 * @param {String} url [请求的url地址] * @param {Object} params [请求时携带的参数] */ export function get(url, params) { return new Promise((resolve, reject) => { axios .get(addMenuId(url), { params: params }) .then(res => { resolve(res.data) }) .catch(err => { reject(err.data) }) }) } /** * post方法,对应post请求 * @param {String} url [请求的url地址] * @param {Object} params [请求时携带的参数] */ export function post(url, params, responseType) { return new Promise((resolve, reject) => { axios .post(addMenuId(url), params, responseType) .then(res => { resolve(res.data) }) .catch(err => { // console.log(err) reject(err.data) }) }) } // 文件下载 export function downFile(url, params) { return axios({ headers: { 'Content-Type': 'application/json' }, responseType: 'blob', // 一定要写 method: 'post', url: url, params: params }).then(res => { if (!res || !res.data) { return } Message.closeAll() const blob = new Blob([res.data]) // 处理文档流 const elink = document.createElement('a') elink.download = params.fileName elink.style.display = 'none' elink.href = URL.createObjectURL(blob) document.body.appendChild(elink) elink.click() URL.revokeObjectURL(elink.href) // 释放URL 对象 document.body.removeChild(elink) }) }