解決vue cli專案多個環境部署配置問題

原文

npm run serve時會把process.env.node_env設定為『development』；

npm run build 時會把process.env.nvode_env設定為『production』；

此時只要根據process.env.node_env設定不同請求url就可以很簡單的區分出本地和線上環境。

頭疼的是打包時線上環境可能分多種，比如測試環境和生產環境等等。

在vue-cli2中打包時可以修改 「build」 和 「config」中的檔案來區分不同的線上環境

而vue-cli3號稱0配置，無法直接修改打包檔案，那麼怎麼區分不同的線上環境分別傳入不一樣的配置呢？

官網給我們做了簡單介紹（vue-cli-service-build）,但只解釋了現有幾個指令所匹配的模式,對於上面的需求顯然無法滿足。

如下提供一種解決方案：

首先在package.json檔案內新增測試環境和生產環境的打包指令：

"build-test"

:"vue-cli-service build --mode alpha"
,"build-prod"
:"vue-cli-service build --mode prod"
,

.env.alpha

node_env

='production'
=''

node_env =

'production'
''

import axios from 'axios'

'http://localhost:9001'

vue專案多個環境配置

env production outputdir prod import axios from axios create an axios instance const service axios.create timeout 5000,按照這個道理我們可以配置其他不同的環境。3.但是問題來啦，我們...

vue cli開發環境下解決跨域問題

昨天晚上自己試圖用vue腳手架連線springmvc的伺服器端框架，發現在npm搭建的頁面測試環境發登入請求老是被拒絕 1 這是前端報的錯誤 這是伺服器端的日誌 1 在vue cli中有main.js這個配置檔案，應該配置一下測試伺服器的 這個意思就是說我把本地伺服器做了 設定。2 在請求中這樣寫u...

apache2部署多個django專案

可以通過監聽埠的不同來區分兩個專案。下面的這個配置會導致由於程序衝突而造成404錯誤 正確的方法在下面！wsgipythonpath wsgipythonpath path to dininghouse path to inte ce for club clubserverinte ce djang...