Vue打包後生成乙個可修改介面位址的配置檔案

2021-10-24 13:29:57 字數 1273 閱讀 5526

先給幾個參考:

vue2.0中實現打包後可配置介面位址

vue2.0中實現打包後可配置介面位址

這個是vue3.0的(vue中實現打包後可配置介面位址)

感謝再來貼我自己的**:

(普通版)第一步:在 static 靜態檔案中新建乙個 serverconfig.js 檔案,js **如下:

window.global_url = ;
注意是src下面的static資料夾 不是打包後dist裡面的!

建立config資料夾

window.config =
第二步:在 未打包的 index.html 中引入 static 資料夾下的 serverconfig.js 檔案(vue-element-admin:public/index.html)

第三步:在需要的地方使用:(我是在單獨的https裡面或者main.js裡面)(vue-element-admin:request.js中引入)

var serverbaseurl = window.global_url.base_url;//生成乙個可以修改伺服器位址的配置檔案

console.log(serverbaseurl,'serverbaseurl')

axios.defaults.baseurl = serverbaseurl; //修改為配置的位址

第四步:打包生成

在我們打包之後 可以看到 config 檔案會原樣輸出並沒有被打包,部署人員可以直接通過該檔案來修改config.js裡面的介面位址就可以啦!

這個是vue3.0的(vue中實現打包後可配置介面位址)

vue2 0 打包之後生成乙個配置檔案修改介面網域名稱

後台提出無理需求,要我寫乙個配置檔案在打包之後可以直接改請求位址的,不用二次打包,咱不管這要求有多無理,總之你得寫出來,踩了兩天的坑,試過各種方法,這個generate asset webpack plugin外掛程式也試過了,話是一直報錯,最後推薦這個方法親測可行 第一步 在 static 靜態檔...

Qt打包生成乙個exe

qt打包生成可執行檔案,也能在別人電能上執行 說明 打包的詳細步驟網上有很多教程,我也是參考了別人的教程,但是最終生成的exe檔案還是不能在別人的電腦上執行,後來發現是用engima virtual box打包的時候 新增檔案 這一步有問題。打包步驟 1.用release方式編譯工程 2.將編譯生成...

如何使用 Vue 來實現乙個專案多平台打包

這個需求是源於我們要根據乙個專案,針對某些元件 比如 日期 和 下拉元件 和 頁面 做終端的相容,最終需要實現打包成2個平台 h5 和 pc h5平台,日期元件 pc平台,日期元件 首先,我們在 package.json scripts 裡通過引數來區分 平台 建議使用cross env去做平台的區...