路由鉴权

Modern.js 默认提供的路由方式是基于 React Router 6 的约定式路由,具体可查看路由方案

在一个 Web 应用中如果存在多个路由,我们可能需要对部分路由进行鉴权后才能访问。例如下面这个案例:

  • 访问 / 路由,无需鉴权,可直接访问。
  • 访问 /protected 路由,需要鉴权,如果无,自动跳转到 /login 路由,登录成功后返回 /protected
import { Helmet } from '@modern-js/runtime/head';
import './index.css';

const PublicPage = (): JSX.Element => (
<div className="container-box">
<Helmet>
<link
rel="icon"
type="image/x-icon"
href="https://lf3-static.bytednsdoc.com/obj/eden-cn/uhbfnupenuhf/favicon.ico"
/>
</Helmet>
<h3>Public</h3>
</div>
);

export default PublicPage;