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

Question

我在我的应用中使用react-router。它改变了这样的URL：

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

但我希望如此：

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

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

我试着这样想 <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);
});