Azure 中的 React 和 AppSettings
React and AppSettings in Azure
我的目标是从 Azure 应用程序设置中检索一些环境密钥，例如 api_url。
我的构建工厂如下：
- 用于 tsx 的 webpack 以缩小 js
- 使用 VSTS 构建和发布
- 在 Azure Web 应用程序上部署
Azure Web App 上没有 node.js 运行，它只是一个服务于 index.html、bundle.js 和资产的静态服务器。
我试过这个不同的方法：
Below this example，如果我加载系统变量，我将能够检索这个 key/value。我已经尝试将 dotenv-webpack 和 systemvars 设置为 true 但没有加载任何内容，显然我没有 nodejs 服务器。
我找到了一个 url https://mywebsite.scm.azurewebsites.net/api/settings 给我一个 JSON 的所有设置，包括自定义应用程序设置。所以我的问题是如何获得它，无论是在实时运行时（这个 url 受帐户凭据保护，我可以从 Web 应用程序访问），还是在构建过程中，但在这种情况下，如何从VSTS ?
感谢您的帮助。
要获得包含所有设置的 JSON，您可以从您的 reactjs 应用向此 URL 发送 GET 请求：
https://$AZURE_LOGIN:$AZURE_PASS@$AZURE_APPNAME.scm.azurewebsites.net/api/settings
用户名和密码可以在您的应用服务门户中的部署凭据中找到：
我的目标是从 Azure 应用程序设置中检索一些环境密钥，例如 api_url。
我的构建工厂如下：
- 用于 tsx 的 webpack 以缩小 js
- 使用 VSTS 构建和发布
- 在 Azure Web 应用程序上部署
Azure Web App 上没有 node.js 运行，它只是一个服务于 index.html、bundle.js 和资产的静态服务器。
我试过这个不同的方法：
Below this example，如果我加载系统变量，我将能够检索这个 key/value。我已经尝试将
dotenv-webpack和 systemvars 设置为 true 但没有加载任何内容，显然我没有 nodejs 服务器。我找到了一个 url https://mywebsite.scm.azurewebsites.net/api/settings 给我一个 JSON 的所有设置，包括自定义应用程序设置。所以我的问题是如何获得它，无论是在实时运行时（这个 url 受帐户凭据保护，我可以从 Web 应用程序访问），还是在构建过程中，但在这种情况下，如何从VSTS ?
感谢您的帮助。
要获得包含所有设置的 JSON，您可以从您的 reactjs 应用向此 URL 发送 GET 请求：
https://$AZURE_LOGIN:$AZURE_PASS@$AZURE_APPNAME.scm.azurewebsites.net/api/settings
用户名和密码可以在您的应用服务门户中的部署凭据中找到：