React Router 没有在生产中的嵌套路由上加载资产

Question

语境

我正在建立一个项目，我需要一个嵌套路由“/user/:id”，其中 id 用作我可以传入的参数。

问题

在开发模式下，一切（所有组件、static 资产等）都可以正确加载。 但是，当我构建 react 项目并在生产模式下提供它时，一些图像没有被加载并在根域之外的一些嵌套路由上寻找资产。 （我不完全理解 react 如何抓取要提供的文件，但我附上了可能会深入了解这种困境的图像。）当我访问“用户”路径之外的任何站点时，就会发生抓取资产的错误例如 /user/234、/user/23 等。

下面是一个

1. 我的“App.tsx”文件的图像，显示了我如何设置路线
2. 在不是“/user/”的路径中成功加载资产
3. 当它在“/user/”的路径上加载图像时，生产中的资产加载失败 - 例如“/user/12”。

谢谢！

Answer 1

事实证明，我需要做的就是将<base href="/">添加到我的index.html文件的头部！