詳解Vue中AXIOS的封裝
更新時間：2022年01月11日 08:39:13 作者：董姐最美
這篇文章主要為大家介紹了Vue中AXIOS的封裝，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
單獨建一個network文件
建立一個network.js
創(chuàng)建
import axios from 'axios';
export function request1(config)
{
const instance = axios.create({
baseURL: baseURL.url1,
timeout: 5000
})
return instance(config)
}
export function request2(config){
const instance = axios.create({
baseURL: baseURL.url2,
timeout: 5000
})
return instance(config)
}
使用
request1.get({
url: 'http://'
}).then(
res=>{
}
);
request1.post({
url: 'http://',
data: {
}
}).then(
res=>{
}
);
axios攔截器
請求攔截器
export function request1(config)
{
const instance = axios.create({
baseURL: baseURL.url1,
timeout: 5000
})
instance.intercept.request.use(config=>{
console.log(config); //輸出的是配置的對象
return config
},error => {
})
return instance(config);
}
總結(jié)
本篇文章就到這里了，希望能夠給你帶來幫助，也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容!
相關(guān)文章
這篇文章主要給大家分享了 vue中install方法介紹，vue提供install可供我們開發(fā)新的插件及全局注冊組件等，感興趣的小伙伴請和小編一起進入文章了解具體內(nèi)容吧2021-11-11
這篇文章主要介紹了Vue3中如何自定義雙向綁定問題,具有很好的參考價價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-11-11
Vue組件傳值過程中丟失數(shù)據(jù)的分析與解決方案
這篇文章主要給大家介紹了關(guān)于Vue組件傳值過程中丟失數(shù)據(jù)的分析與解決方案，文中通過圖文介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
深入解析Vue源碼實例掛載與編譯流程實現(xiàn)思路詳解
這篇文章主要介紹了Vue源碼實例掛載與編譯流程實現(xiàn)思路詳解，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-05-05
解決vue初始化項目時,一直卡在Project description上的問題
今天小編就為大家分享一篇解決vue初始化項目時,一直卡在Project description上的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
這篇文章主要介紹了vee-validate表單校驗的基本使用,需要的朋友可以參考下2018-06-06
我們所熟知的Vue.js也在如何提取公共代碼復(fù)用方面也一直在探索優(yōu)化，本文小編就來和各位聊聊Vue.js代碼復(fù)用的前世今生，希望對大家學(xué)習(xí)Vue有一定的幫助2023-05-05
在vue中我們使用模板HTML語法組建頁面的，使用render函數(shù)我們可以用js語言來構(gòu)建DOM，今天小編就通過本文給大家簡單介紹下Vue 中 render 函數(shù),需要的朋友可以參考下2020-02-02
這篇文章主要介紹了vue同步父子組件和異步父子組件的生命周期順序問題,需要的朋友可以參考下2018-10-10
詳解swiper在vue中的應(yīng)用(以3.0為例）
這篇文章主要介紹了詳解swiper在vue中的應(yīng)用(以3.0為例），小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09