Vue axios設置訪問基礎路徑方法
更新時間：2018年09月19日 08:47:50 作者：pobu168
今天小編就為大家分享一篇Vue axios設置訪問基礎路徑方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
看過axios的官方文檔后配置變得簡單：
在main.js 做如下配置：
import axios from 'axios' axios.defaults.baseURL = 'http://10.202.42.24:8080/sf-cloud-web' Vue.prototype.axios = axios
最后一行是將axios配置到Vue原型中，使用方法為：
this.axios.get('/test/1').then(function (response) {}）
可能會遇到下面的報錯：
isURLSameOrigin.js?cf95:57 Uncaught (in promise) TypeError: Cannot read property 'protocol' of undefined
這是因為axios不是VUE插件，不能使用 Vue.use(axios) 方式引用，需要使用上述原型方式引入
以上這篇Vue axios設置訪問基礎路徑方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
我們在組件切換時經常會有傳遞一些數據的需求,這樣就涉及到了路由傳參的問題,下面這篇文章主要給大家介紹了關于vue-router傳參的4種超詳細方式,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-07-07
Vue使用watch同時監(jiān)聽多個值的實現方法示例
這篇文章主要為大家介紹了Vue中使用watch同時監(jiān)聽多個值的實現方法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-05-05
應公司需求,接口需要對接vue,記錄一下碰到的問題,下面這篇文章主要給大家介紹了關于Vue項目中接口調用的詳細講解,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-07-07
這篇文章主要介紹了vue中如何動態(tài)設置css樣式的hover，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要介紹了vue的Virtual Dom實現- snabbdom解密，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
本篇文章分步驟給大家介紹了vue3使用axios并封裝axios請求的詳細步驟，結合實例代碼給大家講解的非常詳細，需要的朋友參考下吧2023-06-06
這篇文章主要介紹了vant的picker組件設置文字超長滾動方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-12-12
詳解element-ui表格的合并行和列(非常細節(jié))
最近在需求中遇到了elementUI合并行,索性給大家整理下,這篇文章主要給大家介紹了關于element-ui表格的合并行和列的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-06-06
這篇文章主要為大家詳細介紹了Vue中render方法的使用，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-01-01
vue前端實現導出頁面為pdf(分頁導出、不分頁導出及分模塊導出)
在實際應用中可能用戶希望將系統中一個頁面展示的所有數據報表,用PDF的文件格式下載下來,以便于其他用途,這篇文章主要給大家介紹了關于vue前端實現導出頁面為pdf(分頁導出、不分頁導出及分模塊導出)的相關資料,需要的朋友可以參考下2024-06-06