Shulou(Shulou.com)06/02 Report--

Most people do not understand the knowledge of this article "how to use Ant Design Pro", so the editor summarizes the following content, detailed content, clear steps, and has a certain reference value. I hope you can gain something after reading this article. Let's take a look at this "how to use Ant Design Pro" article.

Ant Design Pro is an enterprise-level mid-background front-end / design solution. Popularly speaking, it is a background interface based on reactjs. The technologies included are reactjs, ant-design and umijs.

Create and start npx create-uminpm installnpm start to add umi-ui

Umi-ui is a visual assistant programming plug-in. Those who are interested can give it a try. After installing the following umi-ui dependency, start Ant Design Pro normally, and you can see the round button of umi-ui in the background.

Npm install @ umijs/preset-ui-- save-dev agent

Ant Design Pro uses mock data. If you want to access real background data, you need to set up a proxy.

Configuration file: / config/proxy.ts

Mainly modify the target of dev configuration:

Dev: {'/ api/': {target: 'http://localhost', changeOrigin: true, pathRewrite: {' ^':'},},}

If the address of the data request does not exist in the mock, the address provided by the agent is accessed.

The above is about the content of this article on "how to use Ant Design Pro". I believe we all have a certain understanding. I hope the content shared by the editor will be helpful to you. If you want to know more about the relevant knowledge, please follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.