从"/home"导航到"/dashboard"时,路由正常工作;但是当我从"/home"导航到"/profile:id"时,路由将我导航到该个人资料页面,这也可以正常工作。但是,当我刷新后,它变成空白页,没有显示任何404或重定向回主页。我正在使用以下技术:
那么,如何摆脱空白页?如果URL在 "/profile/5" 的情况下刷新,页面将导航回主页或其他适当的页面,请帮忙解决?
react-router: "^4.2.0"
、react-router-dom: "^4.2.2"
和 react-router-redux: "5.0.0-alpha.6"
。那么,如何摆脱空白页?如果URL在 "/profile/5" 的情况下刷新,页面将导航回主页或其他适当的页面,请帮忙解决?
index.js
ReactDOM.render(
<Provider store={store}>
<ConnectedRouter history={history}>
<Switch>
<Route path="/" component={App} />
<Route component={Page404} />
</Switch>
</ConnectedRouter>
</Provider>,
document.getElementById('app-site')
);
App.js
<Switch>
<Route path={`/login`} component={LoginMember} />
<Route path={`/registermember`} component={SignUp} />
<Authentication component={AuthenticateRoute} />
<Route component={Page404} />
</Switch>
const AuthenticateRoute = ({ match }) => (
<Switch>
<Authentication path={`${match.url}`} component={MainApp} />
<Route component={Page404} />
</Switch>
);
主要应用程序
<Switch>
<Route path={`/home`} component={Home} />
<Route path={`/profile/:id`} component={Profile} />
<Route component={Page404} />
</Switch>