React Router 重定向 CSS 的 href

Question

我的 routes.js 设置如下：

<Route path="users" component={requireAuth(users)} />
<Route path="user-:id" component={requireAuth(userSelect)} />

一切正常，唯一的问题出现在我将破折号更改为正斜杠时：

<Route path="user/:id" component={requireAuth(userSelect)} />

当我这样做时，我的 css 的 href 路径发生了变化，所以当我打开 www.siteexample.com/user/1 时，我收到这样的 GET 错误：

GET http://siteexample.com/user/style/css/bootstrap.min.css

我的 index.html 看起来像这样：

<link href="style/css/bootstrap.min.css" rel="stylesheet">

似乎在添加正斜杠时，"user" 成为相对文件路径的根，反应路由器试图从那里找到 css 文件而不是 [= 的位置32=]。 link href 实际上应该是

 http://siteexample.com/style/css/bootstrap.min.css

有什么我可以添加到我的 href 以强制它转到我网站的主根吗？

Answer 1

您可以 link 您的 CSS 相对于网站的根目录，例如 href="/style/css/bootstrap.min.css"

React Router redirecting href of CSS