vue打包後分離config配置檔案

2021-09-12 13:36:56 字數 497 閱讀 5214

用vue-cli構建的專案通常是採用前後端分離的開發模式,也就是前端與後台完全分離,此時就需要將後台介面位址打包進專案中,此時如果只是改個介面位址也要重新打包那就太麻煩了,解決方法是直接加個config.js檔案

1.首先我們在static檔案下建立乙個js檔案,就叫config.js吧,內容為

window.g = ,

}

2.接下來我們只需要在index.html這個入口檔案裡引入該檔案(注意路徑就ok)

3.然後你就可以在你需要的地方隨意獲取就行了,比如

var baseurlstr = window.g.apiurl

// 建立axios例項

const service = axios.create()

4.最後在打包成功之後,config,js檔案不會被打包,依然存在static資料夾下,如果需要修改只需要用記事本開啟檔案修改位址就ok了,而且該方法也不會影響開發模式。

gradle打包時分離依賴jar和配置檔案總結

很多時候我們在打包的時候可能不會使用springboot的預設的打包外掛程式,可能需要手動打包,通常將所依賴的jar和啟動應用程式進行分離.為什麼這麼做呢?打包分離依賴的jar及配置檔案有以下幾點好處 1.專案目錄結構更加清晰.2.版本迭代過程中,只需要更新依賴的jar,而不需要更新全域性依賴的ja...

關於Vue 配置config 檔案詳解

有些針對 vue cli的全域性配置,例如你慣用的包管理器和你本地儲存的 preset,都儲存在 home 目錄下乙個名叫.vuerc的 json 檔案。你可以用編輯器直接編輯這個檔案來更改已儲存的選項。你也可以使用vue config命令來審查或修改全域性的 cli 配置。請查閱指南中的瀏覽器相容...

簡述vue中的config配置

在webpack.base.conf檔案中配置別名以及副檔名 resolve 配置好別名和副檔名後,main.js就可以這樣寫 import vue from vue import app from app import router from 程式設計客棧 vuwww.cppcns.come ro...