vue實現(xiàn)配置全局訪問路徑頭(axios)

更新時間：2019年11月01日 11:26:05 作者：呂小胖紙

今天小編就為大家分享一篇vue實現(xiàn)配置全局訪問路徑頭(axios)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

在vue中用axios發(fā)送請求的時候總是：

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/”; // 關鍵步驟–填寫后臺請求統(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.訪問:

此時再訪問的時候就會自帶請求頭了：

this.$addr.get(“userInfo”,{params:{xx:xxx}});

以上這篇vue實現(xiàn)配置全局訪問路徑頭(axios)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

詳解VueJS 數(shù)據(jù)驅動和依賴追蹤分析
這篇文章主要介紹了詳解VueJS 數(shù)據(jù)驅動和依賴追蹤分析，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-07-07
Vue3前端與Python(Django)后端接口簡單代碼示例
這篇文章主要介紹了如何使用Django創(chuàng)建項目和應用,配置跨域訪問,并編寫視圖和API,同時還講述了如何使用Vue3創(chuàng)建項目,編寫組件調用后端API,需要的朋友可以參考下
2025-01-01
Vue學習筆記進階篇之vue-cli安裝及介紹
這篇文章主要介紹了Vue學習筆記進階篇之vue-cli安裝及介紹，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-07-07
如何去除element-ui中table的hover效果
這篇文章主要介紹了如何去除element-ui中table的hover效果,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
2023-10-10
Vue組件之間的通信你知道多少
這篇文章主要為大家詳細介紹了Vue組件之間的通信，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
2022-02-02
vue配置vue.config.js超詳細教程
Vue的配置項'vue.config.js'是用來配置Vue項目的構建配置的,它是一個可選的配置文件,放置在項目的根目錄下,這篇文章主要給大家介紹了關于vue配置vue.config.js的相關資料,需要的朋友可以參考下
2024-01-01
Vue路由應用詳細講解
路由的本質就是一種對應關系，根據(jù)不同的URL請求，返回對應不同的資源。那么url地址和真實的資源之間就有一種對應的關系，就是路由
2022-11-11
swiper/vue 獲取 swiper實例方法詳解
在網(wǎng)上搜了一下如何調用swiper實例,大部分都是通過 swiperRef = new Swiper(‘.swiper’, options) 這種方法初始化swiper,然后直接能用 swiperRef 實例,這篇文章主要介紹了swiper/vue 獲取 swiper實例方法詳解,需要的朋友可以參考下
2023-12-12
關于axios的proxy代理配置解析
這篇文章主要介紹了關于axios的proxy代理配置解析，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-07-07
快速理解Vue路由導航守衛(wèi)
這篇文章主要介紹了快速理解Vue路由導航守衛(wèi)，“導航”表示路由正在發(fā)生變化，vue-router?提供的導航守衛(wèi)主要用來通過跳轉或取消的方式守衛(wèi)導航。有多種機會植入路由導航過程?中：全局的,?單個路由獨享的,?或者組件級的，下面來快速來接具體內容吧
2021-12-12