1. 程式人生 > >react axios 配置

react axios 配置

inter ram data urn int exe axios doc serve

1:package.json 添加
"proxy": "代理地址" 2 封裝axios 創建server.js 添加 import axios from "axios"; import qs from "qs"; import axios from "axios"; import qs from "qs";
//終止axios的fun let axiosToken = null; //請求超時時間 //axios.defaults.timeout = 10000; // axios攔截器 axios.interceptors.request.use( config => { // 在發送請求之前做些什麽 return config; }, err => { return Promise.reject(err); } ); axios.interceptors.response.use( response => { //請求完成token置空 axiosToken = null; return response; }, error => { //請求完成token置空 axiosToken = null; //提示信息 if (axios.isCancel(error)) alert(error.message, "center"); else alert("請稍後再試...", "center"); return Promise.reject(error.response.data); // 返回接口返回的錯誤信息 } );
class HttpRequest { get(httpUrl, paramsData, successFun, errorFun) { axios .get(httpUrl, paramsData) .then(function(res) { successFun(res); }) .catch(function(err) { console.log("請求失敗! " + err); }); } // post請求 post(httpUrl, paramsData, successFun, errorFun) { let paramsDatas = paramsData; //轉為json paramsDatas = qs.stringify(paramsDatas); axios .post(httpUrl, paramsDatas, { //終止請求 cancelToken: new axios.CancelToken(function executor(c) { axiosToken = c; }) }) .then(res => { successFun(res); }) .catch(err => { console.log(err); }); } //終止請求 doCancelToken(msg = "取消") { if (axiosToken) axiosToken(msg); } } export default new HttpRequest();
3 引入使用 就可以了

  

react axios 配置