大家好，今天来为大家分享antpro数字交易平台的一些知识点，和图标画不完,代码敲不完,别担心!Ant Design Pro 都替你做了的问题解析，大家要是都明白，那么可以忽略，如果不太清楚的话可以看看本篇文章，相信很大概率可以解决您的问题，接下来我们就一起来看看吧！

本文目录

1. 图标画不完,代码敲不完,别担心!Ant Design Pro 都替你做了
2. ant design pro登录跳转不到主界面或者需要登录两次问题
3. antdesignpro打包后找不到接口

一、图标画不完,代码敲不完,别担心!Ant Design Pro 都替你做了

之前写的那一篇关于Ant Design的文章反响非常好，我们经过一番精心准备之后这次推出了

Ant Design Pro的原型资源。有些小伙伴可能就有疑问了，都有了Ant Design，为什么还要做Ant Design Pro的原型资源呢？这两者有什么关系和区别呢？

既然说到这了那我就来科普一波～

Ant Design和Ant Design Pro都属于蚂蚁金服的生态系统，Ant Design Pro官方给的说法是开箱即用的中台前端/设计解决方案，直接把所有的模版打包给你供你使用。

Ant Design和Ant Design pro说的浅显一点就是组件和模板的关系，也可以这样理解Ant Design是基础库而Ant Design pro是它的增强版，直接配套业务组件打包给你，供你使用。

Ant Design更多是着重致力于设计规范和基础组件，如果你是一个产品经理或者是一个设计师，你在向程序员传达想法的时候，肯定会出现理解上的偏差，你跟他说的 A他理解成了 B,但如果你们用的是同一套设计规范和基础组件，你表达的 A,他看到理解的也是 A,中间不会再出现理解偏差这个问题。（如果你想要更加详细的了解Ant Design可以点击这里）

而Ant Design Pro在设计规范和基础组件的基础上升级了，直接提炼出典型模板/业务组件/配套设计资源。你不需要重复设计那些复用性高的业务组件，直接引用集合好的业务组件，省事又省力。

Ant Design Pro面向的人群更多企业的中后台开发，企业的后台产品对界面的设计要求并没有那么严格，因为不是面向大众使用的，一般也不过于追求 UI视觉效果，更多的是需要一些基础性功能，它的对于数据的显示和操作交互要求更高。而Ant Design Pro直接把典型模板/业务组件/配套的设计资源全部给你做齐了，等于说组件全部都封装好了，你只需要按照Ant Design Pro中给到的配套资源和一套基于 React的中后台管理控制台的脚手架，直接进行搭建就好了，这样可以极大的缩减开发人员的时间成本。

原型图设计工具平台：

全套Ant Design Pro页面库/组件库：

1、进入 xiaopiu精选广场的组件库/页面库，搜索「Ant Design Pro」，在搜索出的页面库右下角点击「引用为我的公用库」。（搜索页面库时，记得在右侧切换为web端）

2、或直接进入「Ant Design pro」页面库，然后点击右上角的引用按钮~

3、引用成功后，在您的项目编辑页左侧【组件库/页面库】就可以看到我们丰富的资源啦！拖拽组件到自己的页面上改一改就是你的了哟！

二、ant design pro登录跳转不到主界面或者需要登录两次问题

1、由于登录判断是在layouts/SecurityLayout.jsx中，查看路由配置的话，可以看出所有这个组件所属路由下的子路由的访问，都需要登录验证。

2、这个组件在挂载后先fetchCurrent，然后在这里有一句非常关键的 if((!isLogin&& loading)||!isReady)，我就不详细讨论这个条件的成立的情况了，太多了，只列举直接刷新后台主界面和router.push到后台主界面的时候，，这几个变量的值，我测试的结果：

3、(!undefined&& undefined)||!false= true;

4、(!undefined&& true)||!true= true;

5、(!undefined&& undefined)||!false= true;

6、(!undefined&& undefined)||!true= false;

7、也就是说，你刷新页面的时候，currentUser值还没有之前，页面会被渲染成<PageLoading/>直到获取到currentUser，然后render子组件，也就是后台界面，而你登录，router.push到主界面时，currentUser值还没有之前，上面的if会有一次不成立，那么就会执行下面的跳转，重新跳转到登录页面，这里面根据每位开发者实际开发式不同的情况，常会出现两个问题，一是死活登录不进去，二是第1次登录不进去，第2次就可以登录进去了。反正原因都是这个了。

8、解决的最简单办法就是登录跳转的时候不要用routerRedux.replace(redirect||'/')，见model/login.js，而是直接window.location.href=redirect||'/';

9、其实这样跳转体验上也差不了多少。

10、第二种解决办法是，登录成功的时候返回当前用户的信息，然后保存在currentUser中，而不是跳转到后台的时候才获取currentUser，也就是push到后台的时候，currentUser中必须有值。

三、antdesignpro打包后找不到接口

1、确认接口地址是否正确：检查接口请求的URL地址是否与实际的接口地址匹配。可以通过在浏览器中手动访问接口地址来验证是否能够正常获取数据。

2、确认接口代理配置是否正确：在开发环境下，使用代理来转发接口请求，而在打包后的生产环境中，需要配置真实的接口地址。检查config/proxy.ts或config/config.ts文件中的代理配置是否正确，并且在打包时没有被忽略或覆盖。

3、确认接口是否存在跨域问题：如果接口请求的地址与前端应用不在同一个域名下（跨域请求），则需要在服务端配置允许跨域访问。可以联系后端开发人员，确认是否已经进行了跨域配置。

好了，本文到此结束，如果可以帮助到大家，还望关注本站哦！