vue使用全域性變數來定義axios請求位址

2022-07-29 19:48:12 字數 771 閱讀 1010

在使用vue時,免不了要使用axios來經常請求資料、呼叫開發好的webapi,但是webapi在除錯模式和部署模式下兩者的位址和埠都是不一樣的,這就需要我們在vue中定義乙個全域性的位址了,方便打包和除錯用。

var url=''

this.axiospost(url,params

) .then(res=>

else

})

這種是把請求位址寫成固定的了,也是最不方便的一種方式了,如果請求的介面位址變了,那麼需要替換掉所有的url,只適合單頁面來做個例子,不適合在實際中使用。

var url='/api/user/login'

但是可以在打包時使用,然後把前端和後端部署到乙個**裡。

想要實現改乙個引數就改變所有的url,就需要用到全域性變數了,網上有各種各樣的實現方式,不過我感覺最簡單的還是通過main.js中的vue.prototype來實現最方便了,呼叫也方便。

vue.prototype.$baseurl='

'

然後在需要使用此位址的vue頁面中直接使用就可以了

var url=this.$baseurl+'

/api/user/userlogin';

this.axiospost(url,params

) .then(res=>

else

})

等需要正式打包發布的時候只需要在main.js中更改一下$baseurl的值就可以了。

vue定義全域性變數

在開發中,有時需要將從介面請求到的一些資料當做全域性變數,在其他頁面多次使用。比如,登入成功後可能需要將使用者名稱,id等資訊存起來,便於其他頁面展示或使用,將這些資訊定義為全域性變數是用起來就很方便。舉栗子 在login.vue中拿到了使用者的一些資訊 import vue from vue 注意...

vue定義全域性變數

在開發中,有時需要將從介面請求到的一些資料當做全域性變數,在其他頁面多次使用。比如,登入成功後可能需要將使用者名稱,id等資訊存起來,便於其他頁面展示或使用,將這些資訊定義為全域性變數是用起來就很方便。例如 export default methods vue.prototype.usermsg u...

vue定義全域性變數,全域性函式

如題,在專案中,經常有些函式和變數是需要復用,比如說 伺服器位址,從後台拿到的 使用者的登入token,使用者的位址資訊等,這時候就需要設定一波全域性變數和全域性函式 原理 設定乙個專用的的全域性變數模組檔案,模組裡面定義一些變數初始狀態,用export default 暴露出去,在main.js裡...