指南
配置
插件
API
教程
社区
指南
配置
插件
API
教程
社区
简体中文

    路由鉴权

    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;