Ant Design Pro 开始使用

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

创建和启动

npx create-umi
npm install
npm start

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中不存在，就会访问代理提供的地址。