入门Ant design pro遇到的坑:修改basic-List页面下的mock.js里的数据,页面数据不更新

最近一个项目,前端想尝试用Ant design pro来做。下载、安装,然后启动。之后想通过修改List页面的内容来把ant design pro串一下。结果发现,修改basic-List页面下的mock.js里的数据,在浏览器刷新页面,页面不改变。

ant design视频教程Ant Design Pro教程react ui前端框架项目实战
| 月销量3件
优惠价6元
原价¥6

淘口令:

¥RqyYXcvMaTD¥
 

后来才发现,在其它页面(list/search/projects/_mock.js)里面,修改数据,basic_list页面的内容相应的变化了。。。。

最终找到原因:

在其它页面(list/search/projects/_mock.js)和(list/basic_list/_mock.js)里面同时导出了同名的接口

export default {  ‘GET  /api/fake_list’: getFakeList,};

我将(list/basic_list/_mock.js)里面导出的接口改为

export default {  ‘GET  /api/fake_basic_list’: getFakeList,};

然后将(list/basic_list/service.js)里用到的

request(‘/api/fake_list’, …

改为

request(‘/api/fake_basic_list’, …

再次刷新页面,结果符合预期。

© 版权声明
THE END
喜欢就支持一下吧,技术咨询可以联系QQ407933975
点赞0
分享
评论 抢沙发