部署 React 应用程序后链接返回 404

问题描述 投票:0回答:1

我有一个模拟商店 React 应用程序,它有一些不同的路由,可以在本地主机上按预期工作。部署后(在 Surge 和 Render 上),子目录/链接不起作用。
我的 404 页面也无法加载。
有趣的是,当我从应用程序中的链接访问路线时,它加载正常 - 例如某个项目的详细信息页面。当我将相同的网址粘贴到不同的选项卡中或甚至刷新当前选项卡时,我再次收到 404。我注意到第二个实例中的实际 http 请求没有发送到我的后端 (vinyl-shop.onrender.com),而是发送到前端应用程序 (vinylarium.onrender.com):
对我后端的“好”请求:

The

来自同一 url 的请求被发送到前端,而不是在使用刷新/F5 重新发送请求后 Request from the same url being sent to the front end instead after request is resent with refresh/F5 我对 /orders 页面也有同样的问题,用户应该通过 /admin 以及基本上整个应用程序查看他们的订单历史记录。请求没有发送到应该发送的地方,我不知道为什么。
该应用程序部署在herehere。您可以使用密码“1234”登录[电子邮件受保护]自行测试。 我当然可以粘贴一些代码,但认为问题更多是概念性的而不是技术性的。 无论如何,整个应用程序代码都可以在here找到。
不用说,本地一切正常。 任何帮助将不胜感激。

reactjs deployment react-router xmlhttprequest http-status-code-404
1个回答
0
投票

我设法解决了渲染部署的问题。 我阅读了这个问题的最受好评的答案,我发现它对于解释客户端渲染时前端和后端之间发生的事情非常有帮助。 下面的答案之一建议检查create-react-app部署文档。 我这样做了,而且很简单,必须这样做: enter image description here 希望这可以帮助面临类似问题的人们。

© www.soinside.com 2019 - 2024. All rights reserved.