使用 JSON-server 作为后端部署 React 应用程序
Deploy React app with JSON-server as backend
我做了一个简单的 CRUD 应用程序，它应该是一个基于 Traversy 的任务管理器（在这里找到：https://www.youtube.com/watch?v=w7ejDZ8SWv8）的约会管理器，现在我正在尝试发布它。
我找到了许多指南，但 none 对我有帮助。我将在下面列出它们：
- 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
我认为最能帮助我完成我想做的事情的是列出的第一个。如果我严格按照这封信去做，我得到的只是背景，除此之外什么也没有。我尝试在我的电脑上 运行 它，将获取请求从 localhost 更改为 https://my-json-server.typicode.com/jmiguelcastellanosj/ap-m/appointments 但它没有用。我从 package.json 文件中删除了 homepage 属性 并且它在我的计算机上运行（更改没有持续存在，但根据我的理解，这是 typicode 提供的服务所期望的），尝试部署它但它甚至没有加载背景。
我可以用其他两个指南描述我的其他尝试，但除了发现 heroku 存在之外，我认为我没有从他们那里学到很多有用的东西。
理想情况下，我希望更改在重新加载应用程序后仍然存在，但现在这似乎是一个白日梦，因为它在部署后甚至无法工作。
我感觉此应用无法运行的原因与获取请求有关（在 Dashboard.js、AddAppointmentForm.js、EditAppointment.js、Appointment.js 中找到） , 但我真的不知道。
这是我第一次尝试部署任何东西，所以我不知道我遗漏了什么或做错了什么，并且花了几天时间尝试并失败了，我完全不知所措该怎么办。帮助将不胜感激。谢谢。
我的仓库可以在这里找到：https://github.com/jmiguelcastellanosj/ap-m
现在它应该可以在本地使用 json-server 作为后端。
在构建之前将 package.json 中的“主页”设置为“https://jmiguelcastellanosj.github.io/ap-m”，这将使 github 页面正确加载您的文件.
此外，如果您的路由无法正常工作，请在您的每条路由中在路径前添加“/ap-m”（因此 path='/' 变为 path="/ap-m"）
我做了一个简单的 CRUD 应用程序，它应该是一个基于 Traversy 的任务管理器（在这里找到：https://www.youtube.com/watch?v=w7ejDZ8SWv8）的约会管理器，现在我正在尝试发布它。
我找到了许多指南，但 none 对我有帮助。我将在下面列出它们：
- 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
我认为最能帮助我完成我想做的事情的是列出的第一个。如果我严格按照这封信去做，我得到的只是背景，除此之外什么也没有。我尝试在我的电脑上 运行 它，将获取请求从 localhost 更改为 https://my-json-server.typicode.com/jmiguelcastellanosj/ap-m/appointments 但它没有用。我从 package.json 文件中删除了 homepage 属性 并且它在我的计算机上运行（更改没有持续存在，但根据我的理解，这是 typicode 提供的服务所期望的），尝试部署它但它甚至没有加载背景。
我可以用其他两个指南描述我的其他尝试，但除了发现 heroku 存在之外，我认为我没有从他们那里学到很多有用的东西。
理想情况下，我希望更改在重新加载应用程序后仍然存在，但现在这似乎是一个白日梦，因为它在部署后甚至无法工作。
我感觉此应用无法运行的原因与获取请求有关（在 Dashboard.js、AddAppointmentForm.js、EditAppointment.js、Appointment.js 中找到） , 但我真的不知道。
这是我第一次尝试部署任何东西，所以我不知道我遗漏了什么或做错了什么，并且花了几天时间尝试并失败了，我完全不知所措该怎么办。帮助将不胜感激。谢谢。
我的仓库可以在这里找到：https://github.com/jmiguelcastellanosj/ap-m
现在它应该可以在本地使用 json-server 作为后端。
在构建之前将 package.json 中的“主页”设置为“https://jmiguelcastellanosj.github.io/ap-m”，这将使 github 页面正确加载您的文件.
此外，如果您的路由无法正常工作，请在您的每条路由中在路径前添加“/ap-m”（因此 path='/' 变为 path="/ap-m"）