axios發送請求之前和請求回來之后

var $ajax = axios.create();
//向服務器發出請求時

$ajax.interceptors.request.use(config => {
if (localStorage.JWT_TOKEN) {//本地存在時 添加表頭x-access-token
config.headers = {'x-access-token': localStorage.JWT_TOKEN};
};
loading.className = 'loadingWrap active';
return config;
}, err => {
console.error(err);
});

 

//接收服務響應時

$ajax.interceptors.response.use(res => {
if(res.data.status === 400){//登錄超時
alert("登錄已超時，請重新登錄");
localStorage.removeItem("JWT_TOKEN");
window.location.href = "/views/login";
return false;
}else{
localStorage['JWT_TOKEN'] = res.headers["x-token-new"];//與后台交互時 重新設置過時時間
loading.className = 'loadingWrap';    
return res.data;
}
}, err => {
console.error(new Error(res.data.msg));
});

Vue.prototype.$ajax = $ajax;