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 %>
看起來很牛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.js的應(yīng)用開發(fā)中,我們經(jīng)常會(huì)遇到需要?jiǎng)討B(tài)修改DOM元素樣式的情況,Vue提供了多種方式來實(shí)現(xiàn)這一目標(biāo),其中ref是一個(gè)非常有用且靈活的工具,本文將深入探討如何在Vue項(xiàng)目中利用ref屬性來更改CSS樣式,并通過多個(gè)實(shí)例演示其具體用法,需要的朋友可以參考下2024-10-10
解決IE11 vue +webpack 項(xiàng)目中數(shù)據(jù)更新后頁面沒有刷新的問題
今天小編就為大家分享一篇解決IE11 vue +webpack 項(xiàng)目中數(shù)據(jù)更新后頁面沒有刷新的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-09-09
Element-plus封裝搜索組件的實(shí)現(xiàn)
在后臺(tái)管理系統(tǒng)中,經(jīng)常需要在多個(gè)頁面中使用搜索功能,本文就來介紹一下Element-plus封裝搜索組件的實(shí)現(xiàn),具有一定的參考價(jià)值,感興趣的可以了解一下2024-08-08
Vue項(xiàng)目打包部署后瀏覽器自動(dòng)清除緩存問題的解決方法
這篇文章主要介紹了vue打包部署后 瀏覽器緩存問題,導(dǎo)致控制臺(tái)報(bào)錯(cuò)ChunkLoadError: Loading chunk failed的解決方案,文中有相關(guān)的圖文和代碼供大家參考,具有一定的參考價(jià)值,需要的朋友可以參考下2024-12-12
webpack+vue+express(hot)熱啟動(dòng)調(diào)試簡單配置方法
今天小編就為大家分享一篇webpack+vue + express (hot) 熱啟動(dòng)調(diào)試簡單配置方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-09-09
vue復(fù)雜表格單元格合并根據(jù)數(shù)據(jù)動(dòng)態(tài)合并方式
這篇文章主要介紹了vue復(fù)雜表格單元格合并根據(jù)數(shù)據(jù)動(dòng)態(tài)合并方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-02-02
Vue中的總線Bus是一種通信機(jī)制，可用于組件間的數(shù)據(jù)傳遞和事件觸發(fā)。使用時(shí)需要注意Bus的命名和定義、監(jiān)聽和觸發(fā)事件的方法、移除和銷毀Bus的時(shí)機(jī)和方式等問題。合理使用總線Bus可以提高組件的復(fù)用性和可維護(hù)性，但過度依賴可能會(huì)導(dǎo)致代碼耦合和難以維護(hù)2023-04-04
Vue計(jì)算屬性中reduce方法實(shí)現(xiàn)遍歷方式
這篇文章主要介紹了Vue計(jì)算屬性中reduce方法實(shí)現(xiàn)遍歷方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-03-03
基于canvas實(shí)現(xiàn)手寫簽名（vue）
這篇文章主要為大家詳細(xì)介紹了基于canvas實(shí)現(xiàn)簡易的手寫簽名，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-05-05
組件是 vue.js 最強(qiáng)大的功能之一,而組件實(shí)例的作用域是相互獨(dú)立的,這就意味著不同組件之間的數(shù)據(jù)無法相互引用,針對(duì)不同的使用場景,如何選擇行之有效的通信方式？這是我們所要探討的主題,本文總結(jié)了 vue 組件間通信的幾種方式,需要的朋友可以參考下2025-03-03