axios請求、和返回數據攔截,統一請求報錯提示
官方文檔
https://github.com/axios/axios 英文文檔
https://www.kancloud.cn/yunye... 中文文檔
請求和返回攔截,添加統一的報錯信息
請求的配置可以通過閱讀官方文檔來進行配置。axios api也很簡介,多看看再自己嘗試一下就會了
下面是我寫的一個在react中的應用,UI用的阿里的Antd 框架,所以報錯信息直接用全局彈窗來提示了。比較簡陋。
寫好之後,在寫發送請求的文件中引用request 就可以了。
import axios from 'axios';
import { message } from 'antd';
import NProgress from 'nprogress';
import 'nprogress/nprogress.css';
// 攔截請求
// Add a request interceptor
axios.interceptors.request.use(
config => {
NProgress.start();
return config;
},
error => {
message.error('請求錯誤,請重試');
return Promise.reject(error);
},
);
//攔截返回數據
// Add a response interceptor
axios.interceptors.response.use(
response => {
NProgress.done();
if (response.data.RetCode === 101) {
message.error(response.data.Message);
return response;
}
if (response.data.RetCode === 100) {
message.error(response.data.Message);
return response;
}
return response;
},
error => {
message.error('請求錯誤,請重試');
NProgress.done();
return Promise.reject(error);
},
);
export default request;
https://github.com/axios/axios