项目简介
本项目是基于 Node.js 的微前端主应用容器,专注于登录、鉴权、菜单及 Layout 渲染功能,并且支持依据业务需求定制切换 Layout 布局。利用 Webpack、Babel 等前端工具,达成高效的前端开发流程。
项目的主要特性和功能
- 基础功能:提供登录与鉴权功能确保应用安全,支持动态菜单管理,能按权限展示菜单项。
- 布局定制:可根据业务场景定制不同的 Layout 布局。
- 路由管理:采用配置式路由,支持动态加载页面模块;集成
connected-react-router
,路由存储在 Redux 仓库,方便界面获取。 - 状态管理:使用 Redux 进行全局状态管理,便于组件间数据共享。
- 请求管理:对
axios
进行二次封装,方便项目的网络请求管理。 - 样式处理:自动兼容 CSS3 样式,无需手动编写浏览器兼容样式;引入
core.scss
可直接使用,无需@import
。 - 工具支持:默认配置常用工具函数,使用 px 单位,大量运用装饰器简化代码。
安装使用步骤
环境准备
确保系统已安装 Node.js(版本 >= 12.18.4)和 npm(版本 >= 6.14.6)。
安装依赖
在项目根目录下,运行以下命令安装项目依赖:
sh
yarn install
启动项目
安装完成后,运行以下命令启动项目:
sh
yarn run start
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】