javascript - UAT 环境中 url 未定义的奇怪问题。在本地它正在工作 :

Question

有人可以帮忙吗

我在 API 中遇到了奇怪的问题。我的后端是在 php 中创建的，UI 在 react 中创建。在我的 env 文件中存在以下路径。

API_URL=http://localhost:8080
FRONT_URL=http://localhost:80

因此 API_URL 用于后端，FRONT_URL 用于UI。我在 react 中调用了我的 API，如下所示。

 axios
      .get(process.env.API_URL+ '/code';)
      .then()
      .error

我的代码工作正常。我可以从 react 以及 postman 访问相同的 API。没有问题。但是当我们在 UAT 中部署我们的应用程序时，URL 会在 API 名称和 API URL 之间附加 undefined。以下是 UAT env 文件中的 API 值。

FRONT_URL=https://uat-solve.dell.com
API_URL=https://api.uat-solve.dell.com

现在我的应用程序抛出错误。它没有运行。当我检查它试图联系的 URL 时，它出现在下面。

https://api.uat-solve.dell.com/undefined/code

它在两者之间附加 undefined。当我在删除 undefined 输出后尝试从 postman 访问相同的 url 时。

可能的原因是什么？这是 react 中的新组件。现有应用程序正常工作

编辑 1:-

我将 env 变量更改为 REACT_APP* 但它仍然不起作用。

Answer 1

Create React App 文档指出，您必须在 .env 文件中为所有环境变量添加 REACT_APP_ 前缀，以便它们在您的代码中可用 process.env.REACT_APP_<variable name>

如果你不想使用REACT_APP_前缀，你可以使用 env-create-react-app