javascript - 如何在 Docker 中的部署中为 React 应用程序配置获取基本 url？

Question

我有一个 React 应用程序，其中包含从 API 获取的数据。我有一个可以工作的dockerfile。

如何为生产中的所有提取配置基本 URL？

最后，我将在 Azure 应用服务上部署我的 React 应用程序。我在 package.json 中使用了 proxy 标签，但这仅用于开发。获取示例如下所示:(必须在“/evaluations”之前放置基本 url)

    fetch(`/evaluations?onlyactiveones=true`, this.credentials)
        .then(response => response.text())
        .then(data => {
            this.setState({ evaluations: data });
            console.log(data);
        });

Answer 1

我现在已经解决了这个问题。我做过的事情:

1. 为基本网址定义一个环境变量，例如:process.env.REACT_APP_API_PROXY

2. 用此环境变量替换所有提取。对于上面的例子:

       fetch(`${process.env.REACT_APP_API_PROXY}/evaluations?onlyactiveones=true`, this.credentials)
       .then(response => response.text())
       .then(data => {
           this.setState({ evaluations: data });
           console.log(data);
       });
   

3. 根据需要定义环境变量。 env 变量必须在构建 React 应用程序之前放置，它不能在运行时替换。