AntDesignPro

🈶升级新版本了，所以要更新文档了。

文档中主要描述了，如何定制 AntDesignPro 的 Layout、菜单与权限管理

1. 多环境切换

开发过程中遇到的问题有：

• 自动打包需要连接正式环境
  • 其实自动打包，可以可能是测试环境，但是如果给打包设置环境变量，这个没有学会。
• 调试时候，需要连接本地开发环境。

官方有这么的说明

具体做法

# 启动开发，用下面命令
yarn start:local

# 下面默认连接正式服务器
yarn start

研究源代码，会发现下面的规律：

• package.json 中添加启动脚本，并给REACT_APP_ENV赋值
  • "start:local": "cross-env REACT_APP_ENV=local MOCK=none UMI_ENV=dev umi dev",
• 在config.ts中会根据REACT_APP_ENV获取那个 proxy 的值，默认是dev
  • proxy: proxy[REACT_APP_ENV || 'dev'],
• proxy.ts 配置相应后台代理连接
  • local: {}

2. 接口访问

3. 登录与安全

4. Layout

5. 自动化测试