vue中用axios拦截器拦截请求和响应

import axios from &＃39;axios&＃39;引入模块

var api &＃61; axios.create({baseURL: ENV,timeout: 5000,headers: {&＃39;Content-Type&＃39;: &＃39;application/json&＃39;}
})
// request请求配置
api.interceptors.request.use(config &＃61;> {config.headers[&＃39;system&＃39;] &＃61; apiconfig.SYSTEMif (sessionStorage) {const token &＃61; sessionStorage.getItem(apiconfig.TOKEN_KEY)if (token) {config.headers[&＃39;Authorization&＃39;] &＃61; &＃39;bearer &＃39; &＃43; token // 让每个请求携带token--[&＃39;X-Token&＃39;]为自定义key 请根据实际情况自行修改}return config} else {Notification({title: &＃39;错误&＃39;,message: &＃39;您的浏览器版本太低,请升级浏览器&＃39;,type: &＃39;error&＃39;})}}, error &＃61;> {console.error(error)Notification({title: &＃39;错误&＃39;,message: &＃39;请求失败:&＃39; &＃43; error.message,type: &＃39;error&＃39;})Promise.reject(error)
})
// respone拦截器
api.interceptors.response.use(response &＃61;> {return response}, error &＃61;> {let errorMsg &＃61; &＃39;&＃39;if (error.toString().indexOf(&＃39;timeout&＃39;) !&＃61;&＃61; -1) {errorMsg &＃61; &＃39;连接服务器超时&＃39;} else {const errorStatus &＃61; error.response.statusconst resErrorMsg &＃61; errorStatus &＃43; &＃39;:&＃39; &＃43; error.response.data.messageswitch (errorStatus) {case 401:router.push(&＃39;/login&＃39;)window.sessionStorage.removeItem(apiconfig.TOKEN_KEY)window.sessionStorage.removeItem(APP_TABVIEWLIST_KEY)store.commit(&＃39;SET_TAB_VIEW_LIST&＃39;, [])// console.log(&＃39;match&＃39;, router.currentRoute)Notification({title: &＃39;请重新登录&＃39;,message: &＃39;登录已过期&＃xff0c;请重新登录&＃39;,showIcon: true,center: true,type: &＃39;error&＃39;})returncase 403:errorMsg &＃61; &＃39;没有权限&＃39;breakcase 404:errorMsg &＃61; &＃39;请求路径找不到&＃39;breakcase 422:errorMsg &＃61; resErrorMsg &＃43; &＃39;:&＃39; &＃43; JSON.stringify(error.response.data.data)breakdefault:// console.log(&＃39;.api..baseURL.......&＃39;, resErrorMsg)errorMsg &＃61; resErrorMsg}}Notification({title: &＃39;错误&＃39;,message: errorMsg,dangerouslyUseHTMLString: true,type: &＃39;error&＃39;,customClass: &＃39;tolos-msg&＃39;})return Promise.reject(error)})
export default api