我该如何更改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);
});