解決vue axios的封裝 請求狀態(tài)的錯誤提示問題
更新時間：2018年09月25日 09:27:27 作者：zyx1303031629
今天小編就為大家分享一篇解決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ā)送出去之前，對其進行編碼
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;
---------------------
以上這篇解決vue axios的封裝 請求狀態(tài)的錯誤提示問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了Vue實現接口進度條功能，在請求數據的過程中，需要添加監(jiān)聽函數來監(jiān)測數據請求的過程變化，并更新組件相應的屬性和界面元素,本文結合實例代碼詳細講解，需要的朋友可以參考下2023-04-04
Vue3中的動態(tài)路由是一種高級功能,它允許你在URL中包含變量,這些變量可以在組件內部通過$route.params對象訪問,動態(tài)路由通常用于構建可配置性強、更具靈活性的應用,本文詳細介紹了如何在vue3中實現動態(tài)路由,需要的朋友可以參考下2024-07-07
Vue中的scoped和 elememt-plus的樣式修改方法
Vue中的scoped屬性用于實現樣式隔離,確保組件間的樣式互不影響,通過在組件的style標簽內添加任何內容,可以為組件生成一個唯一的哈希值,從而實現樣式的定位,本文通過實例代碼講解Vue中的scoped和 elememt-plus的樣式修改方法,感興趣的朋友一起看看吧2025-01-01
這篇文章主要介紹了三種使用icon的方案，分別是element-icon、svg-icon、@iconify/vue，三種方案通過代碼示例介紹的非常詳細,需要的朋友可以參考下2023-07-07
el-checkbox-group?的v-model無法綁定對象數組的問題解決
elementUI官方文檔中el-checkbox-group組件綁定的都為一維數組，本文主要介紹了解決el-checkbox-group?的v-model無法綁定對象數組，感興趣的可以了解一下2023-05-05
這篇文章主要介紹了vue關于eslint空格縮進等的報錯問題及解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-05-05
這篇文章主要介紹了Vant Weapp組件踩坑:picker的初始賦值解決，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
這篇文章主要介紹了Element輸入框帶歷史查詢記錄的實現示例,小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-01-01
Vue 3 中的 nextTick 主要通過 Promise 實現異步調度,返回一個 Promise 對象,這篇文章主要介紹了vue中nextTick函數和react類似實現代碼,需要的朋友可以參考下2024-04-04
本文介紹了在前端展示大量數據時遇到的加載卡頓問題,并提供了一種解決方案：延遲加載,具體做法是設置加載數量,對于數據量較大的情況,進行分批加載數據,通過類選擇器找到表格滾動條并進行監(jiān)聽綁定事件,感興趣的朋友跟隨小編一起看看吧2024-11-11