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

React Router not loading assets on nested routes in production

上下文

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

问题

在开发模式下,所有内容(所有组件、静态资产等)都可以正确加载。但是,当我构建反应项目并在生产模式下提供服务时,一些图像没有被加载并且在根域之外的一些嵌套路由上寻找资产。 (我不完全理解 React 如何抓取要提供的文件,但我附上了可能会深入了解这种困境的图像。)当我访问任何网站时,抓取资产时发生错误“用户”路径,例如/user/234、/user/23等

下面是一个

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

谢谢!

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