vue cli3打包時根據不同命令修改請求位址

2021-10-07 10:59:48 字數 540 閱讀 7504

在根目錄建立乙個.env.test檔案test名字可以自定義,在裡面寫入

node_env

='test'

在package.json檔案中scripts欄位中加入"test": 「vue-cli-service build --mode test」

"scripts"

:,

在你設定baseurl的地方,比如:

var baseurl ='';

switch

(process.env.

node_env

)axios.defaults.baseurl = baseurl;

//設定axios預設位址

上述方法我們新增了乙個test環境,這時候輸入npm run test就能打包測試環境了。如需配置其他環境,按以上步驟再來一次就行。

另外還有一種方法就是在npm run build後面加上引數,引數可以為請求位址,我們在設定baseurl的時候可以去獲取這個引數。

vue cli3打包專案

vue cli3打包專案 使用vue cli3開發好專案後,就可以將它打包,這樣就可以通過輸出檔案中的index.html來訪問該專案了。在打包專案之前需要先修改兩個檔案,分別是vue.config.js,router index.js。如果沒有vue.config.js檔案的話就需要手動建立此檔案...

vue cli3 打包到tomcat上報錯問題

首先 專案打包步驟 1 vue config.js 新增 publicpath 公共路徑 assetsdir static 2 將 注釋掉 proxy 3 將hash需要改成history的模式,但是改後又出現了新的問題,重新整理的時候找不到頁面 404 報錯 一直報錯誤 原因 寫的有錯誤 例如這種...

vue cli3實現分環境打包

在vue cli3的專案中,預設的package.json配置 此時只要根據process.env.node env設定不同請求url就可以很簡單的區分出本地和線上環境。但是實際真實的專案中,會有測試,預發布等環境。並且vue cli3號稱0配置,無法直接修改打包檔案,那麼怎麼區分不同的線上環境呢?...