在vue-cli3的專案中,
npm run serve時會把process.env.node_env設定為『development』;
npm run build 時會把process.env.node_env設定為『production』;
此時只要根據process.env.node_env設定不同請求url就可以很簡單的區分出本地和線上環境。
具體步驟如下:
1.package.json新增 "buildtest": "vue-cli-service build --mode buildtest"
"scripts": ,
2.在專案根目錄新增檔案「.env.buildtest」,其內容:
node_env = 'test'
3.使用process.env.node_env進行判斷使用
process.env.node_env === 'test'
Vue3 0 多環境配置
vue3的配置相比vue2就簡化了很多了。在根目錄下新建.env.dev 開發環境 env.test 測試環境 env.prod 生產環境 檔案,具體需要幾個環境根據需要決定。env 字尾叫啥都可以,自己高興就好,當然最好也要讓別人一目了然。其他的自己照搬,改改就好了 修改package.json ...
win搭建vue3 0開發環境
2.安裝node.js到系統指定目錄,預設安裝會指定path環境變數 3.檢視對應版本 4.配置全域性安裝目錄 npm config set prefix d nodejs node global npm config set cache d nodejs node cache 4.在系統變數下 新...
vue3 0 配置開發環境和生產環境
前言 開發過程 測試過程 生產過程使用的介面位址不能,還有執行的操作可能也不一樣,也就需要實現配置好開發環境 測試環境 生產環境,需要什麼環境下的配置直接使用即可。1 在src同級目錄也就是根目錄下新建檔案 env.development 開發環境 env.test 測試環境 env.product...