Axios——請求攔截器模板
Axios是一個基于Promise的HTTP客戶端，用于發(fā)送HTTP請求。它可以在瀏覽器和Node.js環(huán)境中使用，并且提供了許多強大的功能，例如攔截請求和響應(yīng)、轉(zhuǎn)換請求和響應(yīng)數(shù)據(jù)、取消請求等。
Axios具有簡單易用的API，可以輕松地發(fā)送GET、POST、PUT、DELETE等各種類型的請求。它還支持異步操作和并發(fā)請求。
使用Axios發(fā)送HTTP請求非常方便，你只需要提供請求的URL和可選的配置參數(shù)，然后Axios會返回一個Promise對象，你可以通過該對象處理請求的結(jié)果。
Axios還支持自定義攔截器，你可以在發(fā)送請求之前或者響應(yīng)返回之后做一些處理，例如設(shè)置請求頭、驗證響應(yīng)數(shù)據(jù)、錯誤處理等。
總的來說，Axios是一個強大而且簡單易用的HTTP客戶端庫，廣泛應(yīng)用于前端開發(fā)和Node.js開發(fā)中。
-
構(gòu)建狀態(tài)碼常量文章來源：http://www.zghlxwxcb.cn/news/detail-697862.html
/* * @Author: outmanchen * @Date: 2023-09-06 15:40:56 * @LastEditors: outmanchen * @LastEditTime: 2023-09-06 16:04:37 * @FilePath: \axios\status.js * @Description: 狀態(tài)碼常量 */ export default { SUCCESS: 200, NOAUTH: 401 // ... } -
封裝攔截器文章來源地址http://www.zghlxwxcb.cn/news/detail-697862.html
/*
* @Author: outmanchen
* @Date: 2023-09-06 15:37:17
* @LastEditors: outmanchen
* @LastEditTime: 2023-09-06 16:05:13
* @FilePath: \axios\index.js
* @Description: 網(wǎng)絡(luò)請求封裝
*/
import http from 'axios'; // 引入axios網(wǎng)絡(luò)請求庫
import API from './status'; // 引入狀態(tài)碼常量
/**
* 請求攔截器
*/
http.interceptors.request.use(function (config) {
if(!config.params){
config.params = {};
}
// 請求發(fā)送前的攔截處理（例如：在headers中添加token、在params中添加時間戳...）
// ...
// ...
return config;
}, function (error) {
// 請求發(fā)送失敗時的處理
// ...
// ...
return Promise.reject(error);
});
/**
* 響應(yīng)攔截器
*/
http.interceptors.response.use(function (response) {
// 請求響應(yīng)時的攔截處理（例如：登錄鑒權(quán)等...）
// ...
// ...
// 登錄鑒權(quán)-401
if(response && response.data && response.data.status && response.data.status == API.NOAUTH){
// 鑒權(quán)邏輯處理
// ...
// ...
}
return response;
}, function (error) {
// 請求響應(yīng)失敗時的處理
return Promise.reject(error);
});
export default http;
到了這里，關(guān)于【前端知識】Axios——請求攔截器模板的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
