umi3 通过yaml注释配置路由扩展不生效

最新推荐文章于 2023-03-20 15:33:59 发布

gswwxyhk

最新推荐文章于 2023-03-20 15:33:59 发布

阅读量708

点赞数 1

分类专栏： react 文章标签： reactjs 前端

本文链接：https://blog.csdn.net/gswwxyhk/article/details/109012886

版权

react 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

umi2通过注释扩展路由

/**
* title: About Page
* Routes:
* - ./routes/PrivateRoute.js
*/

umi3中不生效，改成直接给页面组件加属性

import React from 'react';
import styles from './about.css';

 function about(){
  return (
    <div>
      <h1 className={styles.title}>Page about</h1>
    </div>
  );
}
about.wrappers  = ['@/pages/routes/PrivateRoute.js']

export default about

保存后生成的routes.js

      {
        "path": "/about",
        "exact": true,
        "component": require('@/pages/about.js').default,
        "wrappers": [require('@/pages/routes/PrivateRoute.js').default]
      },