(十二)学习笔记--路由封装 +懒加载

Augustine_Cyq

于 2020-09-14 11:16:30 发布

阅读量438

点赞数

分类专栏： 2020年学习笔记 React

本文链接：https://blog.youkuaiyun.com/Augustine_Cyq/article/details/108574313

版权

本文记录了前端路由的封装过程，包括根据模块建立路由目录、配置路由信息、设置权限以及路由渲染的实现，主要涉及purchase和index模块的配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言：不需要放入Layout的页面放入App.js的蓝框中

1.根据模块，建立路由目录（此处的路由页面都是嵌于Layout中）

2.路由配置信息设置

routes/purchase.js

// 采购模块
import { authorityConfig } from '@/config/authority';

const purchaseRoute = [
    {
        component: 'module/purchase/contract/making',
        path: '/purContractMaking/:id',
        name: '采购合同制作',
        authority: authorityConfig.purchaseContractAdd
    },
    {
        component: 'module/purchase/contract/list',
        path: '/purContractList',
        name: '采购合同列表',
        authority: authorityCo

最低0.47元/天解锁文章