当用户在路由上刷新时，React Build 无法服务器页面

Question

我使用 npm run-script build 构建了我的 react 应用程序，一切都很好。

当我导航到生产站点并导航到路线并使用 F5 刷新页面时，出现了意外错误：

Uncaught SyntaxError: Unexpected token '<'

我在第一次发布时遇到此错误，我发现问题出在 packagepackage.json 主页属性中，我将其更改为 "homepage": "." 并且站点正常。但是在路线中一切都会中断。

我认为node serve 不能在子路由上服务 index.html。

有什么建议吗？？

编辑::

我也尝试在以下链接中使用快递服务器：

https://create-react-app.dev/docs/deployment/

但没有任何改变。在路由中刷新同样的错误。

我的图片网址也中断了。为什么浏览器会在 url 开头附加前缀？！

例如图像源是：./static/media/aaa.4dccf6e3.webp，但浏览器查找/admin/static/media/aaa.4dccf6e3.webp

在开发系统中一切正常！

Answer 1

我发现了问题。 package.json 中的主页属性。我只是清理价值，一切都会好起来的。

出现问题是因为主页属性值为“。” js、css 和图像的每个地址都以 dot 为前缀。当您在客户端的路线中间时，浏览器会从错误的地址获取这些文件。