Ant Design Pro 是一个企业级中后台前端/设计解决方案
https://pro.ant.design/docs/getting-started-cn
npm create umi
UmiJS & TypeScript & Ant Design Pro v4
https://github.com/ant-design/ant-design-pro
umi框架已经默认集成了webpack
安装umi
https://umijs.org/zh/guide/getting-started.html#%E7%8E%AF%E5%A2%83%E5%87%86%E5%A4%87
配置 config\config.ts
base:’/reactdeom3/’,
publicPath:’/reactdeom3/’,
outputPath:‘reactdeom3’,
部署: umi build
拷贝到 ngnix 根目录下,访问路径为 http://localhost/reactdeom3
调试/开发:npm start
http://localhost:8000/reactdeom3
网络访问
跨域解决 参考链接
调试模式下:
在 config\config.ts 增加
proxy: {
'/b3reportSystem/': {
target: 'http://127.0.0.1:13001/',
changeOrigin: true,
pathRewrite: { '^/b3reportSystem': '' },
},
},
mock 使用开关参考
npm run start:no-mock
文件过大
npm run analyze
├── config # umi 配置,包含路由,构建等配置
├── mock # 本地模拟数据
├── public
│ └── favicon.png # Favicon
├── src
│ ├── assets # 本地静态资源
│ ├── components # 业务通用组件
│ ├── e2e # 集成测试用例
│ ├── layouts # 通用布局
│ ├── models # 全局 dva model
│ ├── pages # 业务页面入口和常用模板
│ ├── services # 后台接口服务
│ ├── utils # 工具库
│ ├── locales # 国际化资源
│ ├── global.less # 全局样式
│ └── global.ts # 全局 JS
├── tests # 测试工具
├── README.md
└── package.json