vim /root/.bashrc
# 寫入：ENV_STATE=test
# 保存并退出后刷新
source ~/.bashrc

# .gitlab-ci.yml
...
workflow:
  rules:
    - if: $CI_COMMIT_BRANCH == 'dev' # 測試環(huán)境runner
      variables:
        DEPLOY_VARIABLE_TAG: "..."
        ENV_STATE: "test"  # 添加這一行添加環(huán)境狀態(tài)為test
      when: always
    - if: $CI_COMMIT_BRANCH == 'main' # 生產(chǎn)環(huán)境runner
      variables:
        DEPLOY_VARIABLE_TAG: "..."
        ENV_STATE: "pro"  # 添加這一行添加環(huán)境狀態(tài)為pro
      when: always
    - when: never  # 在上述兩種情況之外 never
...

deploy:
  ...
  script:
	# 在docker run命令中加入環(huán)境變量的配置
    - docker run ... -e ENV_STATE=$ENV_STATE ...
...

"""config.py"""
import os
import dotenv

# 首先獲取當(dāng)前的環(huán)境狀態(tài)（記錄在.gitlab-ci.yml中）如果獲取不到則默認(rèn)使用dev開發(fā)環(huán)境
env_state = os.getenv("ENV_STATE", "dev")
# 先加載通用的環(huán)境變量
dotenv.load_dotenv()
# 加載特定環(huán)境的環(huán)境變量
# 第一個(gè)參數(shù)如果獲取不到對(duì)應(yīng)文件需要寫成絕對(duì)路徑 借助Path(__file__)獲取路徑
# 第二個(gè)參數(shù)override=True表示當(dāng)已存在同名環(huán)境變量時(shí) 用特定的環(huán)境變量值進(jìn)行覆
dotenv.load_dotenv(f".env.{env_state}", override=True)

vue-cli下 ：
process.env=='development'
vite中
import.mea.env.MODE=='development'

port=8080
url=10.10.0.0

const path = require("path");
const fs = require("fs");
function readFile (){
    const  parserPath= path.resolve(process.env(),'/.env')
    return fs.readFileSync(parserPath, "utf-8");
};

function parse = (str){
  const obj = {};
  // prot=8080 url=10.10.0.0
  str.split("\n").forEach((item) => {
    if (item) {
      const [key, value] = item.split("=");
      obj[key] = value;
    }
  });
  return obj;
};

function writeEnv(obj) {
  Object.keys(obj).forEach(function (key) {
    if (!Object.prototype.hasOwnProperty.call(process.env, key)) {
      process.env[key] = obj[key];
    }
  });
}

writeEnv(parse(readFile())) //執(zhí)行
console.log(process.env)