部署以JSON-SERVER为后端的Reaction应用程序 [英] Deploy React app with JSON-server as backend

问题描述

我制作了一个简单的CRUD应用程序，它应该是基于Traversy的任务管理器(此处：https://www.youtube.com/watch?v=w7ejDZ8SWv8)的约会管理器，现在我正在尝试发布它。

我找到了许多指南，但没有一个对我有帮助。我会把它们列在下面：

• https://dev.to/nikita_guliaev/deploying-create-react-app-with-json-server-as-backend-to-github-3pp9
• https://github.com/YoussefZidan/fake-server
• https://www.youtube.com/watch?v=5cbFLDe4OAA

我认为最能帮助我做我想做的事情的是列出的第一个。如果我一丝不苟地追查下去，我得到的只是背景，其他什么都没有。我尝试在我的PC上运行它，将获取请求从本地主机更改为https://my-json-server.typicode.com/jmiguelcastellanosj/ap-m/appointments，但不起作用。我从package.json文件中删除了homepage属性，它在我的计算机上工作(更改没有持久存在，但根据我的理解，这是由Typicode提供的服务所预期的)，尝试部署它，但它甚至没有加载后台。

我可以用另外两个指南来描述我的其他尝试，但除了发现Heroku存在之外，我不认为我从他们那里获得了多少有用的知识。

理想情况下，我希望更改在重新加载应用程序后仍然有效，但现在这似乎是白日梦，因为它一旦部署就不起作用了。

我有一种感觉，这个APP不能运行的原因和抓取请求有关(参见Dashboard.js，AddAppointmentForm.js，EditAppointment.js，Appointment.js)，但我真的不知道。

这是我第一次尝试部署任何东西，所以我不知道我遗漏了什么或做错了什么，并且在这方面尝试了几天又失败了，我完全不知道该做什么。如果您能帮忙，我们将不胜感激。谢谢。

我的回购可以在这里找到：https://github.com/jmiguelcastellanosj/ap-m

目前，它应该能够以json-server作为后端在本地工作。

GitHub

在构建之前，将您在Package.json中的&"；https://jmiguelcastellanosj.github.io/ap-m"；，；推荐答案"；设置为GitHub，这将使GitHub页面正确加载您的文件。 此外，如果您的路由不能正常工作，请在您的每条路由中，在路径前面添加&/ap-m&q；(因此path='/'变为path="/ap-m")

这篇关于部署以JSON-SERVER为后端的Reaction应用程序的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！