API 基础 url 在 Reactjs 登录模块中不工作

Question

我正在使用 Reactjs，我从服务器下载了项目，现在尝试运行该项目，但现在我无法登录（输入正确的详细信息）但问题出在“API URL”，我在控制台中检查了 Api url 是否实时服务器是"https://xxxxxxxxxx.com/api/login/" ，但在本地主机控制台中显示为

host
    localhost:3001
filename
    /undefined/login/

那么我怎样才能让它工作呢？ 这是我当前在“src/utlis/api.js”中的代码

export const BASE_URL = `${process.env.REACT_APP_API_BASE_URL}`
axios.defaults.baseURL = BASE_URL

Answer 1

在项目文件夹中创建一个名为.env的文件。

并将以下内容写入此文件。

REACT_APP_API_BASE_URL=https://xxxxxxxxxx.com/api/

有关更多详细信息，您可以查看以下内容。

• https://nodejs.dev/en/learn/how-to-read-environment-variables-from-nodejs/
• https://github.com/motdotla/dotenv