Azure Static Web 應用 NodeJS 環境變量

Question

我正在使用 Azure Static Web 應用程序服務和 Z3A580F142203677F1FZBCO308 到 3677F1FZBCO308 管道部署。 管道和構建進展順利。 現在我必須使用 env 變量為后端定義一個 URL，但沒有成功。

trigger:
- develop

jobs:
  - job: JobTest
    pool:
      vmImage: ubuntu-latest

    variables:
    - name: BACKEND_URL
      value: https://<some_url>
    - name: System.Debug
      value: true
    steps:
    - task: AzureStaticWebApp@0
      inputs:
        app_location: "/" 
        api_location: ""
        output_location: "dist"

      env:
        BACKEND_URL: $(BACKEND_URL)
        azure_static_web_apps_api_token: $(deployment_token)
    - bash: echo $(BACKEND_URL)
    - bash: echo $PWD

從NodeJS代碼中，在“/app/src/models/config.ts”文件中我有這個：

導出常量 BACKEND_URL = process.env.BACKEND_URL

如果我用實際的 URL 更改process.env.BACKEND_URL它將起作用。

此外，從 Azure 管道中，此任務使用https://github.com/microsoft/Oryx構建系統。

問題是我如何在代碼中使用管道中的 env？

Answer 1

為了幫助改善這個問題，我添加了一個答案：

環境變量不能用於 azure 管道與 azure Static ZC6E190B284633C48EZDAC55E. 這是一張報告問題的票。

Answer 2

Static Web 應用程序不能使用后端變量。

您可以考慮使用.env文件來配置您的環境變量。 格式如“ name=value ”（不帶引號）。

並在要調用環境變量的文件中安裝dotenv ，通過process.env訪問它們。

看看這篇文章： Node.js 使用 env 文件配置環境變量

我的另一個答案： https://stackoverflow.com/a/67052708/13586071