ReactJS Route 404'*'一直重定向

时间:2018-10-01 14:38:59

标签: javascript reactjs react-router

这里有一个小问题,我尝试在网址无效时放入页面404,问题是,它一直都在加载,例如,如果尝试访问我的主页将重定向到页面404,我尝试了一些例子,但没有成功:

#redirect in all pages
<Redirect exact={true} from='*' to='/404' /> #test 1
<Redirect from='*' to='/404' /> #test2

#appear in the bottom of the pages
<Route exact={true} path='*' component={asyncComponent(() => import('./containers/Page/404'))} />
<Route path='*' component={asyncComponent(() => import('./containers/Page/404'))} />

2 个答案:

答案 0 :(得分:0)

尝试以这种方式

<Switch>
  <Route path="/" exact component={Home}/>
  <Route path="/will-match" component={WillMatch}/>
  <Route component={NoMatch} />
</Switch>

React router docs for no match

答案 1 :(得分:0)

这是我在最近的React项目中配置路由的方式。

<Route exact path={`${process.env.PUBLIC_URL}/`} component={Main} />
<Route path='/new' component={ReportCreator}/>
<Route path='/reports/:id' component={Report}/>
<Route component={Page404} />

使用BrowserRouterSwitch路由器。

https://reacttraining.com/react-router/web/example/no-match