Axios 实例配置与拦截器：请求处理和错误提示

(function (win) { axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8' // 创建axios实例 const service = axios.create({ // axios中请求配置有baseURL选项，表示请求URL公共部分 baseURL: '/', // 超时 timeout: 10000 }) // request拦截器 service.interceptors.request.use(config => { // 是否需要设置 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 + '?'; for (const propName of Object.keys(config.params)) { const value = config.params[propName]; var part = encodeURIComponent(propName) + '='; if (value !== null && typeof(value) !== 'undefined') { if (typeof value === 'object') { for (const key of Object.keys(value)) { let params = propName + '[' + key + ']'; var subPart = encodeURIComponent(params) + '='; url += subPart + encodeURIComponent(value[key]) + '&'; } } else { url += part + encodeURIComponent(value) + '&'; } } } url = url.slice(0, -1); config.params = {}; config.url = url; } return config }, error => { Promise.reject(error) })

// 响应拦截器 service.interceptors.response.use(res => { console.log('---用户端响应拦截器---',res) // alert('显示到这里就成功了') if (res.data.code === 0 && res.data.msg === 'NOTLOGIN') {// 返回登录页面 //又是这里 window.top.location.href = '/front/page/login_pc.html' } else { return res.data } }, error => { let { message } = error; if (message == 'Network Error') { message = '后端接口连接异常'; } else if (message.includes('timeout')) { message = '系统接口请求超时'; } else if (message.includes('Request failed with status code')) { message = '系统接口' + message.substr(message.length - 3) + '异常'; } window.vant.Notify({ message: message, type: 'warning', duration: 5 * 1000 }) return Promise.reject(error) } )  win.$axios = service })(window);