Azure 静态 Web 应用程序 NodeJS 环境变量

2023-11-25

我正在使用 Azure 静态 Web 应用程序服务和 Azure DevOps 管道来部署 NodeJS 应用程序。管道和构建进展顺利。现在我必须使用环境变量为后端定义一个 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

如果我改变process.env.BACKEND_URL与实际的 URL 它将起作用。

此外,此任务在 Azure Pipeline 中使用https://github.com/microsoft/Oryx构建系统。

问题是我如何在代码中使用管道中的 env ?


静态Web应用程序不能使用后端变量。

你可以考虑使用.env文件来配置您的环境变量。格式如“name=value“(不带引号)。

并安装dotenv在要调用环境变量的文件中,通过以下方式访问它们process.env.

看看这篇文章:使用 env 文件配置 Node.js 环境变量

还有我的另一个答案:https://stackoverflow.com/a/67052708/13586071

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Azure 静态 Web 应用程序 NodeJS 环境变量 的相关文章

随机推荐

  • 使用静态向量时_Orphan_range崩溃

    在我的项目中 我使用静态对象的构造函数来收集指针 就像注册方法一样 很简单 没有魔法 但在开始时我遇到了崩溃 我无法解释这里发生了什么 在使用 MSVC 或 Clang 的 Windows 上可以重现崩溃 两者都使用 MSVC 标头 给出以
  • conda 环境是否可以访问“root”环境? (==系统包)?

    conda 中的 根 环境是什么 它只是一个 仅 使用系统包的环境吗 其他环境是否也使用系统包 我假设优先考虑它们的重复版本 或者我是否需要将所有软件包安装在我想要使用它们的环境中 有没有办法将其配置为选项 我安装了系统包 但在 conda
  • 需要一次遍历 SQL 表行(表太大而无法使用适配器。填充)

    对我来说 阅读这样一个小型 SQL Server 2005 表很容易 string cmdText select from myTable SqlDataAdapter adapter new SqlDataAdapter cmdText
  • AS3 函数中可以有“ByRef”参数吗?

    任何想法如何返回多个变量来自 ActionScript 3 中的函数 任何像 VB NET 这样的东西你都可以拥有输入参数的变量修改 ByRef 参数 Sub do ByRef inout As Integer inout 5 End Su
  • 使用 dplyr 将某些值设置为 NA

    我试图找出一种简单的方法来使用 dplyr 数据集 dat 变量 x 执行类似的操作 dat x dat x lt 0 NA 应该很简单 但这是我目前能做的最好的事情 有更容易的方法吗 dat dat gt mutate x ifelse
  • NetDataContractSerializer 与 DataContractSerializer

    我们有一个应用程序 其中包含我们希望在数据库中保持序列化的对象 目前我们正在使用NetDataContractSerializer 但最近发现 由于 Net类型涉及的信息 它会创建巨大的文件 这意味着应用程序缓慢 即使对于基本对象也是如此
  • Bootstrap - 更改断点导航栏?

    这个问题已经被问过here但由于 Javascript 这不起作用 因此 在提供的答案中 仅更改了 CSS 但未更改 JS 这意味着导航栏的内容仍然可见 而切换器则不可见 有什么解决办法吗 Edit 我的问题是如何更改 Bootstrap
  • 当周跨越两年时,从 PHP date() 获取一年中的年份和周

    我在使用 PHP 时遇到了一个有趣的问题date 功能 还没有运气在 SO 上找到有关此问题的讨论或使用 Google 但也许其他人以前遇到过同样的问题 我正在尝试获取给定时间戳的年份和年份 这是我正在使用的代码 date Y WW 截至今
  • 使用带有 REPL 的应用程序时如何解决承诺

    我有一个基本的 Node Web 服务器 Koa js ORM 我喜欢以REPL这意味着我可以像 CLI 工具一样使用我的应用程序 我的所有查询都返回 Promises 但我不知道如何在 REPL 中解决它们 我该如何解决它们 例如 以下代
  • 将音频文件保存在 Rails 中

    我有一个简单的 Rails 应用程序 我使用 HTML5 音频 Web api 和 recorder js 来录制语音 然后将其保存在应用程序服务器上 录音进展顺利 我可以重放录音并听到声音 但是当我将其发布到服务器上时 我的音频文件是空白
  • 在另一个应用程序中动态编译和运行反应本机应用程序

    我需要创建一个包含其他应用程序并可以运行它们的移动应用程序 它基本上就像一个 应用程序中心 其中有一个应用程序列表 我们在服务器上发布 用户可以打开其中一个应用程序 从而导致该应用程序被打开 想一想世博会的应用程序 用户可以扫描他的应用程序
  • Protractor 0.16.1 e2e AngularJS - 启动 selenium 独立服务器... events.js:72 错误:spawn ENOENT

    尝试的项目 https github com yearofmoo angularjs seed repo 环境 Windows 7 64 位NodeJS v 0 10 24量角器 v 0 16 1咕噜 v0 4 2grunt cli v0
  • 当我在 r 中使用 xml 时发现此错误消息

    您好 我正在 Rstudio 中使用 xml 目标是将 xml 转换为 r 数据框 我正在尝试使用包文件夹中名为 tites xml 的示例数据 tides system file exampleData tides xml package
  • 如何将两个 foreach 循环合并为一个

    语言是PHP 我有一个 foreach a as b 和另一个 foreach c as d gt e 我如何将它们结合起来作为一个整体来阅读 我厌倦了 foreach a as b c as d gt e 但那是垃圾 您可能感兴趣SPL
  • 为什么模板类的实现和声明应该在同一个头文件中? [复制]

    这个问题在这里已经有答案了 为什么模板类的实现和声明应该在同一个头文件中 你们中有人能举例解释一下吗 编译器需要访问整个模板定义 而不仅仅是签名 以便为模板的每个实例化生成代码 因此您需要将函数的定义移至标头 欲了解更多详细信息 请阅读包容
  • golang 相当于 PHP crypt()

    PHP 中的这行代码计算结果为 true echo 2a 09 f5561d2634fb28a969f2dO8QeQ70f4bjCnF GvPpjj 8jgmtzZP2 crypt enter new password 2a 09 f556
  • 何时在 Django 中使用 get、get_queryset、get_context_data?

    我最近了解到 当您特别想做默认视图之外的事情时 应该覆盖 get 方法 class ExampleView generic ListView template name ppm ppm html def get self request m
  • 如何在 Vim 中自动编辑多个文件?

    我有多个文件 我想在每个文件中删除第 1 行到第 55 行 添加注释引导符 例如 第 25 至 35 行 然后将更改保存到新文件中 如何单独使用 Vim 或在 Bash 脚本的帮助下自动完成此操作 尽管事实上使用ed or sed是一种常见
  • 图像是在客户端渲染的还是服务器端渲染的?

    我刚刚开始 Web 开发 特别是 Reactjs 它引入了 客户端渲染 我想我理解客户端与服务器端渲染的概念 但我不完全知道如何实用地理解这些概念 例如 当我有 img src airplane png 该图像是在客户端还是服务器端加载 I
  • Azure 静态 Web 应用程序 NodeJS 环境变量

    我正在使用 Azure 静态 Web 应用程序服务和 Azure DevOps 管道来部署 NodeJS 应用程序 管道和构建进展顺利 现在我必须使用环境变量为后端定义一个 URL 但没有成功 trigger develop jobs jo