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

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

原装正品耳机适用华为type-c接口有线入耳式p20p30pro p40mate20/30/10pro nova5/6/7荣耀20v20 9x耳塞3.5mm
【HiFi音质 立体环绕 舒适佩戴 支持线控】 | 月销量74188件
优惠价14.8元
原价¥78

淘口令:

¥2Dn8X9xl3m6¥
 

后来才发现,在其它页面(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
分享
评论 抢沙发