Vue中的baseurl如何配置
更新時間：2023年04月23日 14:08:40 作者：Eleven....
這篇文章主要介紹了Vue中的baseurl如何配置問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
Vue baseurl配置
最近的一個vue項目，沒有config文件夾，配置baseurl廢了很大勁，終于找到了方法，感天動地o(╥﹏╥)o
代碼：
在main.js中加上這么一句話
axios.defaults.baseURL = 'http://xxxi.com/';
在需要發(fā)送請求的地方
this.$axios.post('admin/login',this.ruleForm)OK！
Vue項目url中的BASE_URL解析
在Vue中遇到很多url都用到了<%= BASE_URL %>這個東西。
<%= BASE_URL %>
看起來很牛pia，其實就是項目根目錄（手動狗頭）。
在 vue-cli 創(chuàng)建的一個項目中執(zhí)行命令 vue inspect > output.js 將 vue-cli 中對 webpack 的配置信息導(dǎo)出到 output.js 文件，會發(fā)現(xiàn)下面一段代碼：
/* config.plugin('define') */
? new DefinePlugin(
? ? ?{
? ? ? ?'process.env': {
? ? ? ? ?NODE_ENV: '"development"',
? ? ? ? ?BASE_URL: '"/"'
? ? ? ?}
? ? ?}
? ?),在 webpack 配置中使 webpack.definePlugin 這個內(nèi)置 webpack 插件全局聲明了 BASE_URL 這個變量為項目根目錄。
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue中使用Echarts儀表盤展示實時數(shù)據(jù)的實現(xiàn)
這篇文章主要介紹了Vue中使用Echarts儀表盤展示實時數(shù)據(jù)的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-11-11
這篇文章主要介紹了Vue.js狀態(tài)管理及SSR解析，在vue.js中，我們主要說的狀態(tài)管理庫就是vuex，當(dāng)然，只要你能實現(xiàn)有條理的組織數(shù)據(jù)，那么它都可以認為是一種狀態(tài)管理庫2022-09-09
下面小編就為大家分享一篇vue.js項目打包上線的圖文教程，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2017-11-11
這篇文章主要介紹了Vue 2.0 基礎(chǔ)，具體內(nèi)容有、基本語法、生命周期、路由管理Vue-Router、狀態(tài)管理Vuex、Http請求庫Axios，想詳細了解的小伙伴請和現(xiàn)編一起學(xué)習(xí)下面文章內(nèi)容吧2021-10-10
vue3中通過遍歷傳入組件名稱動態(tài)創(chuàng)建多個component 組件
這篇文章主要介紹了vue3中通過遍歷傳入組件名稱動態(tài)創(chuàng)建多個component 組件,本文給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-03-03
詳談Object.defineProperty 及實現(xiàn)數(shù)據(jù)雙向綁定
這篇文章主要介紹了詳談Object.defineProperty 及實現(xiàn)數(shù)據(jù)雙向綁定，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
vue-cli 使用axios的操作方法及整合axios的多種方法
這篇文章主要介紹了vue-cli 使用axios的操作方法及整合axios的多種方法,vue-cli整合axios的多種方法，小編一一給大家列出來了，大家根據(jù)自身需要選擇，需要的朋友可以參考下2018-09-09
Vue 兩個字段聯(lián)合校驗之修改密碼功能的實現(xiàn)
本文以校驗兩次密碼的一致性應(yīng)用，給出兩個可變屬性值的字段之間的聯(lián)合校驗的典型解決方案，通過實例代碼給大家介紹Vue 兩個字段聯(lián)合校驗之修改密碼功能的實現(xiàn)，需要的朋友一起看看吧2021-07-07
這篇文章主要介紹了理順8個版本vue的區(qū)別(小結(jié))，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
今天小編就為大家分享一篇vue2過濾器模糊查詢方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09