記錄一下自己封裝的axios，已在專案中使用
/**axios封裝
* 請求攔截、相應攔截、錯誤統一處理
* 需要修改的地方：響應攔截-具體業務攔截：需要問後台問成功的code碼
*/import axios from 'axios';
import qs from 'qs';
import router from '../router' // 匯入路由檔案
import from '@/util/util.js'
import global from '@/util/global.js' // 全域性變數
// 請求超時時間
// axios.defaults.timeout = 10000;
// post請求頭
// 請求***
axios.interceptors.request.use(
config =>
//防刷簡訊(pdd)
// 處理引數-統一新增token
/*** 處理引數
* 1.token
*/if (config.method == 'post')
// 需要將資料格式化，否則傳到後台就錯了
config.data = qs.stringify(config.data)
}else if (config.method == 'get')
}return config;
},error => )
// 響應***
axios.interceptors.response.use(
response =>
// 登入已過期
if(response.data.code == -51)else
} else
},// 伺服器狀態碼不是200的情況
error =>
}return promise.reject(error.response);
});/** * post方法，對應post請求
* @param url [請求的url位址]
* @param params [請求時攜帶的引數]
*/export function post(url, params) else
}).catch(err => )
});}/**
* get方法，對應get請求
* @param url [請求的url位址]
* @param params [請求時攜帶的引數]
*/export function get(url, params) )
.then(res => )
.catch(err => )
});}// 去登入頁
function tologin()
vue axios 請求封裝
import axios from axios import router from router index import from element ui import from utils loading import from utils auth import qs from qs 引入qs...
封裝vue axios請求
util.js import axios from axios import qs from qs import from vant h5用的這個 const apiurl xx 訪問介面位址 設定超時時間 請求頭等 axios.defaults.timeout 30000 axios.defaul...
vue axios請求封裝
在src檔案下自定義乙個api.js import axios from axios 建立乙個axios物件 const 建立乙個唯讀檔案 const instance axios.create 請求攔截 所有的網路請求都會先走這個方法 instance.interceptors.request.u...