antd pro是一个后台模板，但上手之后还是有种劝退的感觉，要读懂代码还是得花点功夫。

把区块装好会自动生成路由对象，启动项目后为什么会重定向到/user/login？

routes: [{path: '/',component: '../layouts/BlankLayout',routes: [{path: '/user',component: '../layouts/UserLayout',routes: [{path: '/user',redirect: '/user/login',},{name: 'login',path: '/user/login',component: './user/login',},{name: 'register-result',path: '/user/register-result',component: './user/register-result',},{name: 'register',path: '/user/register',component: './user/register',},{component: '404',},],},{path: '/',component: '../layouts/BasicLayout',Routes: ['src/pages/Authorized'],authority: ['admin', 'user'],routes: [{path: '/dashboard',name: 'dashboard',icon: 'dashboard',routes: [{name: 'analysis',path: '/dashboard/analysis',component: './dashboard/analysis',},{name: 'monitor',path: '/dashboard/monitor',component: './dashboard/monitor',},{name: 'workplace',path: '/dashboard/workplace',component: './dashboard/workplace',},],},{path: '/form',icon: 'form',name: 'form',routes: [{name: 'basic-form',path: '/form/basic-form',component: './form/basic-form',},{name: 'step-form',path: '/form/step-form',component: './form/step-form',},{name: 'advanced-form',path: '/form/advanced-form',component: './form/advanced-form',},],},{path: '/list',icon: 'table',name: 'list',routes: [{path: '/list/search',name: 'search-list',component: './list/search',routes: [{path: '/list/search',redirect: '/list/search/articles',},],},{name: 'table-list',path: '/list/table-list',component: './list/table-list',},{name: 'basic-list',path: '/list/basic-list',component: './list/basic-list',},],},{path: '/profile',name: 'profile',icon: 'profile',routes: [],},{name: 'result',icon: 'check-circle-o',path: '/result',routes: [],},{name: 'exception',icon: 'warning',path: '/exception',routes: [],},{name: 'account',icon: 'user',path: '/account',routes: [],},{name: 'editor',icon: 'highlight',path: '/editor',routes: [],},{path: '/',redirect: '/dashboard/analysis',authority: ['admin', 'user'],},{component: '404',},],},],},],

可以看到自动生成的route是一个多层嵌套路由。
根路径指向了BlankLayout这个组件作为公共模板，又指向了BasicLayout组件。

path: '/',
component: '../layouts/BasicLayout',
Routes: ['src/pages/Authorized'],
authority: ['admin', 'user'],

当匹配到这个路由的时候，用到了umiJs的路由权限，会走到Authorized这个组件，这时会判断是否登陆，未登录会跳转到
/user/login这个组件。

antd pro /umiJs 怎么设置环境变量

antd pro：
找到config.js复制里面内容
创建config.dev.js和config.prod.js然后黏贴config.js里的内容，然后定义各自的环境变量

define: {"process.env":{port:3000}},

然后改一下 package.json 里的命令：cross-env UMI_ENV=development umi dev

antd pro学习记录相关推荐

antd pro学习入门笔记+todolist实例
AntD Pro零散笔记 antd pro 4.0是一个集成了前后端服务.mock模拟接口.dva容器.typescript.less的一个解决方案,有助于快速的二次开发(不过感觉脚手架真的很大) 文 ...
antd pro中如何使用mock数据以及调用接口
antd pro的底层基础框架使用的是dva,dva采用effect的方式来管理同步化异步在dva中主要分为3层 services models components models层用于存放数据 ...
前端技术学习记录：react+dvajs+ant design实现暴走计算器的页面重构（二）
前端技术学习记录:react+dvajs+ant design实现暴走计算器的页面重构(二) 前言定义 Model connect 起来更新state 拥抱变化主题切换更换页面获取当前设备类 ...
SQL SERVER学习记录
SQL SERVER学习记录 //创建数据库,请先在D盘手动建立一个 backup的文件夹 create database sl on (name = 'sl',filename = 'd:\back ...
Markdown个人学习记录
Markdown个人学习记录参考书籍:<了不起的Markdown>-毕小朋-电子工业出版社第一章 Markdown概述 Markdown作为现在最流行的轻量级"写作语言&qu ...
antd pro v5 tab标签卡（多标签页）实现
多标签页很多公司的后台管理系统都会有这个需求,之前用vue一般架子也是带的,现在公司用了antd pro ,看了下官方不支持,确实会影响性能,但是架不住需求. 补充: antdpro 已经内置了多页签 ...
IDL学习记录和Java调用IDL方法
IDL学习记录和Java调用IDL方法 2018年02月06日 08:32:02 回首1949 阅读数:385更多个人分类: 随想版权声明:乐呵乐呵得了 https://blog.csdn.net ...
前端技术学习记录：react+dvajs+ant design实现暴走计算器的页面重构（一）
前端技术学习记录:react+dvajs+ant design实现暴走计算器的页面重构(一) 前言现在的效果安装 dva-cli 创建新应用预览项目文件结构简单介绍使用 antd做页面定义 ...
Twain的学习记录和基于Qt的相关开源项目详解
Twain学习记录和基于Qt的开源项目详解 twpp-qml 适用于 C++11 及更高版本的便携式.仅标头 TWAIN 框架. 原项目作者使用Qtwidget基于Twain静态传输一张图片我基于h ...

antd pro学习记录

把区块装好会自动生成路由对象，启动项目后为什么会重定向到/user/login？

antd pro /umiJs 怎么设置环境变量

antd pro学习记录相关推荐

最新文章

热门文章