如何解決vue中axios封裝請求狀態(tài)的錯誤提示問題

這篇文章主要介紹了如何解決vue中axios封裝請求狀態(tài)的錯誤提示問題，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

如下所示：

/**
* axios配置,輸出為vue組建
* */
import axios from 'axios';
import qs from 'qs'
import CookiesJS from 'js-cookie'
import router from '../router'

// http request 攔截器
axios.interceptors.request.use(
config => {
config.headers = {
'Content-Type': 'application/x-www-form-urlencoded'
};

// 在post請求發(fā)送出去之前，對其進(jìn)行編碼
if (config.method === 'post') {
config.data = qs.stringify(config.data);
}
return config;
},
err => {
return Promise.reject(err);
});

// http response 攔截器
axios.interceptors.response.use(
response => {
return response;
},
error => {
if (error.response) {
console.log("請求錯誤");
console.log(error.response.status);
switch (error.response.status) {
case 401:
// store.dispatch('logout');
console.log("401");
break;
case 404:
router.push('/Error/Error404');
break;
case 500:
router.push('/Error/Error500');
}

}
return Promise.reject(error);// 返回接口返回的錯誤信息
});

export default axios;


---------------------

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“如何解決vue中axios封裝請求狀態(tài)的錯誤提示問題”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!