咨询
交流群
电话

Ant Design Pro 开始使用

2020-11-20 11:57 阅读

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