React相对href未按预期工作

Question

我是react应用程序的新手。创建了一个带有路由器的react应用程序。在开发模式下一切正常。我运行了npm运行构建，并尝试从构建文件夹运行index.html。所有的href都坏了。我知道路由器出了点问题。我不知道如何修复它。在这里我发布了我的代码，让你更了解/

NavBar.jsx

<NavItem eventKey={3} href="/login">
Login
</NavItem>

注意NavBar.jsx不在路由器内。

包.json

"version": "0.1.0",
"private": true,
"homepage": "./",

当我在本地IIS中托管时，我的主页URL是

http://localhost/testing/index.html#/

当我点击登录按钮时，它会导航到

http://localhost/login

在package.json中，有什么需要更改的吗？我浏览了谷歌，有人建议将锚点标签改为路由器链接标签。但在我的情况下，NavBar在路由器之外，这里无法更改，而且很多地方都通过程序重定向到新的URL，所以很难更改所有地方。

Answer 1

使用"login"而不是"/login"

<NavItem eventKey={3} href="login">
Login
</NavItem>