温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

Ant Design Pro怎么使用

发布时间:2022-01-19 16:17:23 来源:亿速云 阅读:238 作者:iii 栏目:开发技术

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

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI