vue實(shí)現(xiàn)配置全局訪問(wèn)路徑頭(axios)
更新時(shí)間：2019年11月01日 11:26:05 作者：呂小胖紙
今天小編就為大家分享一篇vue實(shí)現(xiàn)配置全局訪問(wèn)路徑頭(axios)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
在vue中用axios發(fā)送請(qǐng)求的時(shí)候總是：
axios.get(“http://localhost:3000/xxx/xxx”,{params:{xx:xxx}}).then(res=>{}).catch(error=>{})
配置全局的url:
1.安裝axios:npm install axios --save-dev
2.main.js:
import axios from “axios” axios.defaults.baseURL = “http://localhost:3000/users/”; // 關(guān)鍵步驟–填寫(xiě)后臺(tái)請(qǐng)求統(tǒng)一的地址 axios.defaults.headers.post[‘Content-Type'] = ‘a(chǎn)pplication/x-www-form-urlencoded'; Vue.config.productionTip = false; Vue.prototype.$addr = axios;
3.訪問(wèn):
此時(shí)再訪問(wèn)的時(shí)候就會(huì)自帶請(qǐng)求頭了：
this.$addr.get(“userInfo”,{params:{xx:xxx}});
以上這篇vue實(shí)現(xiàn)配置全局訪問(wèn)路徑頭(axios)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
詳解VueJS 數(shù)據(jù)驅(qū)動(dòng)和依賴追蹤分析
這篇文章主要介紹了詳解VueJS 數(shù)據(jù)驅(qū)動(dòng)和依賴追蹤分析，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
Vue3前端與Python(Django)后端接口簡(jiǎn)單代碼示例
這篇文章主要介紹了如何使用Django創(chuàng)建項(xiàng)目和應(yīng)用,配置跨域訪問(wèn),并編寫(xiě)視圖和API,同時(shí)還講述了如何使用Vue3創(chuàng)建項(xiàng)目,編寫(xiě)組件調(diào)用后端API,需要的朋友可以參考下2025-01-01
Vue學(xué)習(xí)筆記進(jìn)階篇之vue-cli安裝及介紹
這篇文章主要介紹了Vue學(xué)習(xí)筆記進(jìn)階篇之vue-cli安裝及介紹，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
這篇文章主要介紹了如何去除element-ui中table的hover效果,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
這篇文章主要為大家詳細(xì)介紹了Vue組件之間的通信，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2022-02-02
Vue的配置項(xiàng)'vue.config.js'是用來(lái)配置Vue項(xiàng)目的構(gòu)建配置的,它是一個(gè)可選的配置文件,放置在項(xiàng)目的根目錄下,這篇文章主要給大家介紹了關(guān)于vue配置vue.config.js的相關(guān)資料,需要的朋友可以參考下2024-01-01
路由的本質(zhì)就是一種對(duì)應(yīng)關(guān)系，根據(jù)不同的URL請(qǐng)求，返回對(duì)應(yīng)不同的資源。那么url地址和真實(shí)的資源之間就有一種對(duì)應(yīng)的關(guān)系，就是路由2022-11-11
swiper/vue 獲取 swiper實(shí)例方法詳解
在網(wǎng)上搜了一下如何調(diào)用swiper實(shí)例,大部分都是通過(guò) swiperRef = new Swiper(‘.swiper’, options) 這種方法初始化swiper,然后直接能用 swiperRef 實(shí)例,這篇文章主要介紹了swiper/vue 獲取 swiper實(shí)例方法詳解,需要的朋友可以參考下2023-12-12
這篇文章主要介紹了關(guān)于axios的proxy代理配置解析，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-07-07
這篇文章主要介紹了快速理解Vue路由導(dǎo)航守衛(wèi)，“導(dǎo)航”表示路由正在發(fā)生變化，vue-router?提供的導(dǎo)航守衛(wèi)主要用來(lái)通過(guò)跳轉(zhuǎn)或取消的方式守衛(wèi)導(dǎo)航。有多種機(jī)會(huì)植入路由導(dǎo)航過(guò)程?中：全局的,?單個(gè)路由獨(dú)享的,?或者組件級(jí)的，下面來(lái)快速來(lái)接具體內(nèi)容吧2021-12-12