我如何更改 React-router 的哈希前缀/格式

Question

我在我的应用程序中使用 react-router。它像这样更改网址：

xxx/index.html#/a1
xxx/index.html#/a2

但我想要这个：

xxx/index.html#!/a1
xxx/index.html#!/a2

因为我的旧应用配置。
我不想改变界面。

我曾尝试过喜欢这个 <Route path="!/"> <Route name="a1" path="a1" handler={a1}/> <Route name="a2" path="a2" handler={a2}/> </Route> 或这个 <Route path="!"> <Route name="a1" path="a1" handler={a1}/> <Route name="a2" path="a2" handler={a2}/> </Route> 但他们都得到了

xxx/index.html#/!/a1

我该怎么做？

Answer 1

您可以实现自己的CustomLocation。
我自己从未这样做过，但您可以查看 HashLocation 实现并更改必要的内容。

然后你可以把它传递给Router.run

Router.run(routes, MyCustomLocation, function (Handler) {
  React.render(<Handler/>, document.body);
});