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