React Router问题:在地址栏中键入任何URL重定向到/

时间:2019-08-27 11:06:37

标签: reactjs react-router

我在react-router上遇到问题。如果我在地址栏中输入随机路由(mysite.com/users(用户页面的有效网址)或mysite.com/adf(绝对无效的网址),该网址应显示404page),则路由器会将我重定向到首页(“ /” )。如果单击同一页面上的链接,则一切正常,将显示必要的页面。

  {
    path: '/',
    exact: true,
    cache: false,
    component: HomePage,
  },
  {
    path: '/users',
    exact: true,
    cache: false,
    component: UsersPage,
  },
  {
    path: '*',
    exact: true, // I tried both true and false
    cache: false,
    component: NotFoundPage,
    // also I tried to leave only component here
  },

然后我使用来自renderRoutes的{​​{1}}函数进行路由

react-router-config

如果我在地址栏中输入无效的网址(如mysite.com/users),我希望路由器不要重定向我并显示所需的页面;如果我在地址栏中输入无效的网址(如mysite.com/),则我希望路由器不显示找不到的页面。 asd

UPD:问题仅在于ConnectedRouter,如果我使用react-router-dom Router,一切都很好

1 个答案:

答案 0 :(得分:0)

所以问题出在Switch。您不必使用它,因为renderRoutes具有它自己的Switch,并且您可以将switch参数作为第三个参数传递,例如{renderRoutes(routes, { ...someParams }, { ...switchParams })}