这篇“Ant Design Pro怎么使用”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“Ant Design Pro怎么使用”文章吧。
Ant Design Pro 是一个企业级中后台前端/设计解决方案。通俗的说，就是一个基于 reactjs 的后台界面。包含的技术有 reactjs、ant-design、umijs。
创建和启动
npx create-uminpm installnpm start增加umi-ui
umi-ui是可视化辅助编程插件。感兴趣的可以尝试一下。安装下列方式按照umi-ui依赖后，正常启动Ant Design Pro，就可以在后台看到umi-ui的圆形按钮。
npm install @umijs/preset-ui --save-dev代理
Ant Design Pro使用的是mock数据。如果希望访问到真实后台的数据，就需要设置代理。
配置文件：/config/proxy.ts
主要修改dev配置的target：
dev: { '/api/': { target: 'http://localhost', changeOrigin: true, pathRewrite: { '^': '' }, }, },如果数据请求的地址在mock中不存在，就会访问代理提供的地址。
以上就是关于“Ant Design Pro怎么使用”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注编程网行业资讯频道。
