这篇“Ant Design Pro怎么使用”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“Ant Design Pro怎么使用”文章吧。

Ant Design Pro 是一个企业级中后台前端/设计解决方案。通俗的说，就是一个基于 reactjs 的后台界面。包含的技术有 reactjs、ant-design、umijs。

创建和启动

npx create-umi
npm install
npm 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怎么使用”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注天达云行业资讯频道。