VUE3 0分環境部署

2021-09-24 21:29:07 字數 585 閱讀 1100

在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...