在原始应用程序上添加记录

Question

所以我有一个原始应用程序，这是链接

https://crud-application-x.herokuapp.com/getstudents

我的老板告诉我这件事

添加一条访问网址时可以看到的记录。

通过在原始应用程序上添加记录是什么意思。这是否意味着要添加新数据

Answer 1

我认为这里的问题与误解无关，但是你们都在寻找不同的东西。您可能只在开发环境中对其进行测试，并且一切正常。另一方面，您的老板正在通过您提供的URL使用该应用程序，因此无法创建新学生。

这里的问题是您没有使用正确的地址访问生产环境中的API，因此永远不会创建该学生，请看一下：

地址http://localhost:3200/...仅在您的开发环境中有效。一旦axios无法访问服务器，添加一个新学生就会抛出一个Error: Network Error。

为了解决此问题，您必须开始为每种环境使用正确的URL。我认为，最简单的方法是通过环境变量。

如何设置环境变量

您似乎正在使用create-react-app，this resource将帮助您根据需要进行设置。作为一个简单的示例，您可以在应用程序的根目录中创建以下两个文件：

.env.development

REACT_APP_API_PATH=http://localhost:3200

.env.production

REACT_APP_API_PATH=https://crud-application-x.herokuapp.com

现在，您可以轻松地为每种环境使用正确的URL：

axios.post(`${process.env.REACT_APP_API_PATH}/students/addStudent`)