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