vue如何設定環境變數

2021-10-05 21:37:09 字數 915 閱讀 7927

在開發的時候一般會有是三個環境:開發環境 測試環境 線上環境

vue 中有個概念就是模式,預設先vue cli 有三個模式

development 模式用於 vue-cli-service serve

production 模式用於 vue-cli-service build 和 vue-cli-service test:e2e

test 模式用於 vue-cli-service test:unit

但是往往開發的時候可能不止有三種:

本地環境(local)

開發環境(development)

測試環境(devtest)

預發布環境(beta)

生產環境(production)

如官方文件所說,通過為.env檔案增加字尾來設定某個模式下特有的環境變數。我這裡有5個環境,所以配置了5個.env檔案。如下圖:

基本格式如下:

node_env=環境名稱
如我本地環境的配置就如下圖所示:

我本地是用的easy-mock模擬的資料,所以配置的位址是mock介面位址。

如官方文件所說,可以通過傳遞 --mode 來配置不同的模式。我自己的專案配置如下圖:

檔案已建立好,配置語句也已寫好。怎麼用它呢?

首頁你需要哪個環境,就執行哪個環境的命令語句。

如何設定Python環境變數

相信很多python的初學者們在進行一頓下一步下一步的安裝之後,在windows command命令列輸入python的時候會出現這樣的情況 可我們希望它是這樣子的 其實這是因為你在安裝的時候忘記了新增python的環境變數的原因 那接下來我就教大家如何手動設定python的環境變數吧 可能會有朋友...

為何需設定環境變數及如何設定環境變數

windows系統下,假如我們安裝了某一款軟體,安裝結束後,在安裝目錄會生成乙個該軟體的.exe檔案,雙擊該檔案,我們就能啟動軟體。但是難道我們每次要執行該軟體的時候都要先找到該.exe檔案所在的路徑,然後雙擊嗎,顯然是不可能的,因為安裝的軟體太多,我們根本不可能記住所有已安裝軟體的路徑,同時如果我...

Vue 環境變數

env 在所有的環境中被載入 env.local 在所有的環境中被載入,但會被 git 忽略 env.mode 只在指定的模式中被載入 env.mode local 只在指定的模式中被載入,但會被 git 忽略 乙個環境檔案只包含環境變數的 鍵 值 對 如果是使用生產環境的話 要進行打包 然後在打包...