vue cli 3 X 二 環境變數篇

2021-09-25 07:53:56 字數 809 閱讀 8791

一、環境變數應用場景

乙個產品的前端開發過程中,一般會經歷本地開發、測試、打包上線等過程,不同的環境可能需要不同的配置,比如介面位址、伺服器位址、埠等等。

因此,可以使用環境變數來管理不同環境下使用的配置

二、四種方式的環境變數

所有的設定環境變數檔案必須放到**資料夾的根目錄

1、.env

配置所有情況下都用到的配置。理論上這個最沒吊用,都用到的配置,還配置個毛。

2、.env.local

配置所有情況下都用到的配置,但是與1的區別是,這個這是本地有效,不會被git

3、.env.[mode]

配置對應某個模式下的配置。

.env.development:開發環境的配置

.env.production:打包環境的配置

4、.env.[mode].local

效果同2,不會被git

三、如何定義環境變數

在相應模式的配置檔案裡面,定義需要的環境變數,定義有格式要求;

如果是在webpack配置中使用,沒什麼限制,可以直接通過process.env.***來使用

四、如何使用環境變數

在vue檔案中,可以在data中定義個變數,將這個值傳給變數

LINUX環境(二) 環境變數

環境變數 getenv,putenv,setenv,unsetenv environ 環境變數 getenv,putenv,setenv,unsetenv 環境變數 getenv 取得環境變數內容 相關函式 putenv setenv unsetenv 表頭檔案 include 定義函式 char ...

Linux環境(二) 環境變數

環境變數 我們在第2章討論了環境變數。這些變數可以用來控制shell指令碼和其他程式的形為。我們也可以使用他們來配置使用者環境。例如,每乙個使用者都有乙個環境變數,home,定義了其使用者主目錄,作為其會話的起始位置。正如我們所知的,我們由shell提示來測試環境變數 echo home home ...

Linux環境(二) 環境變數

環境變數 我們在第2章討論了環境變數。這些變數可以用來控制shell指令碼和其他程式的形為。我們也可以使用他們來配置使用者環境。例如,每乙個使用者都有乙個環境變數,home,定義了其使用者主目錄,作為其會話的起始位置。正如我們所知的,我們由shell提示來測試環境變數 echo home home ...