vue結合elementUI專案 請求失敗（狀態碼非200）時，直接提示“系統例外，請聯系管理員”
直接在專案的回應攔截器里添加如下代碼即可，如下圖（代碼在圖片下方）：
import axios from "axios"
import { Message } from 'element-ui'
//創建axsio 賦給常量service
const service = axios.create();
// 添加請求攔截器
service.interceptors.request.use(function (config) {//config是請求時的配置資訊，
// 在發送請求之前做些什么
return config;
}, function (error) {
// 對請求錯誤做些什么
return Promise.reject(error);
});
// 添加回應攔截器
service.interceptors.response.use(function (response) {//response引數是回應物件
if (response.status !== 200) {
if (!response.data.message) {
Message({
message: '系統例外，請聯系管理員',
type: 'error',
duration: 2 * 1000 // 提示時長
})
}
}
// 對回應資料做點什么
return response;
}, function (error) {
// 對回應錯誤做點什么
return Promise.reject(error);
});
export default service
如若不知道專案中API的封裝和添加攔截器，請查看：封裝axios api請求、添加攔截器
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/254092.html
標籤：其他