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文件而不是index.html的位置。链接href实际应该是

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

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

Answer 1

您可以将CSS相对于网站的根链接，例如href =＆＃34; /style/css/bootstrap.min.css"