reactjs - 如何在 react 中的标签路由器中没有标签的情况下进行路由？

Question

每当我使用 http://localhost:8080/login 之类的东西调用我的路由器时，react-router 都会编辑路径，并将其重新路由到 http://localhost:8080/login#/ (无效路由)，当我希望它重新路由到 http://localhost:8080/#/login (有效路由)时。我怎样才能做到这一点？

我已经尝试添加

historyApiFallback: {
   index: '/'
},

到我的 webpack.config。我不确定如何找到此信息。

我的代码: https://pastebin.com/raw/XCvgV6rP

Answer 1

要解决您的问题，您只需使用 BrowserRouter 而不是当前在 index.js 文件中导入的 HashRouter。

HashRouter 使用 URL 的哈希部分(即 window.location.hash)来保持您的 UI 与 URL 同步，而 BrowserRouter 使用 HTML5 历史记录 API(pushState、replaceState 和 popstate 事件)来保持您的 UI与 URL 同步。

来源: HashRouter BrowserRouter