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