Reactjs React Browser带有参数的路由器路由未加载CSS文件

我在main.js文件中设置了一个BrowserRouter，当我访问相应的URL时，它会在所需的页面之间切换

index.html

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

<link rel="stylesheet" href="http://localhost:3000/css/style.css" />
<link rel="stylesheet" href="http://localhost:3000/css/main.css" />

---

这并不理想，因为基本URL现在是硬编码的，所以这里的问题只是从相对路径而不是根路径访问css

我打赌你的链接是这样的：

它将从当前目录开始，然后查找css目录，因此，当您处于更深的文件路径时，它将查找错误的位置

你需要的是这样的东西：

前面的

/

命令返回根目录，然后从那里访问

css

目录

---

当您在参数页面上时发生的这一事实可能意味着您的css href是

”./css/main.css“

或

”/css/main.css“

或其他内容。在任何情况下，将其更改为我建议的内容都可以解决您的问题，而无需对基本url进行硬编码。

这正是问题所在，谢谢：）太完美了！为什么我两天前没找到它(

<link rel="stylesheet" href="http://localhost:3000/css/style.css" />
<link rel="stylesheet" href="http://localhost:3000/css/main.css" />