Question

我开发了一个带有react的页面，其路由是

http://example.come/page1

当加载网址时，我需要在网址的末尾附加一个斜杠，如下所示

http://example.come/page1/

我的路线就像这样

  Router history={browserHistory}>
    <Route path='/' component={Home} />
    <Route path='/page1' component={Page1} />
</Router>

我尝试将路径直接更改为＆＃34; / page1 /＆＃34;而不是＆＃34; / page1＆＃34;但是这不会加载 http://example.com/page1 ，它只会打开 http://example.com/page1/

我想要加载Page1组件的路径

Answer 1

根据此回复，https://github.com/ReactTraining/react-router/issues/820#issuecomment-256814655

将members, created = Group.objects.get_or_create(name='members) members.permission.add(your permissions)与hooks (onEnter and onChange) v2或更高版本一起使用可以达到您的需求。

Answer 2

以上答案将正常运作，您将实现您的需求。但是有一个问题！打开开发人员工具并单击网络选项卡，然后刷新页面....您将看到状态302页面从WITHOUT尾部斜杠路径重定向到WITH尾部斜杠路径。

这不是很好。 Atleast将状态设置为301。

如何设置状态？ https://github.com/ReactTraining/react-router/issues/458

Answer 3

更好地解决Web服务器（如Nginx）的问题，该服务器重写了URL，并在URL的末尾添加了斜杠。

如何在路由器路径中添加斜杠

3 个答案: