前端页面上展示的数据有问题,第一反应肯定是要验证是不是接口返回的数据的问题
可以直接利用谷歌浏览器更改接口返回的返回值
如何使用谷歌浏览器mock请求
mock一个请求,我们首先需要打开浏览器的Network面板,找到请求后,点击鼠标右键
如图,面板中的Override headers和Override content就是浏览器的mock功能!
选择Override content后,我们需要选择一个文件夹用来存放mock信息
任意选择一个文件夹后,我们需要点击浏览器页面上的【允许】
然后就会跳转到这个页面:
接口前后出现一个紫色的点,代表mock状态,此时,我们就可以在面板里修改接口返回的数据了!
编辑完后,我们直接ctrl+s进行保存
,然后直接刷新页面见证奇迹!
刷新页面后,我们会发现我们的请求前有个紫色的点,这代表这个接口是被mock的,我们在观察下页面,显示就是mock后的数据!
如何关闭mock请求
当我们呢bug验证完毕,如何关闭这个请求的mock呢?非常简单,右键mock的接口,点击【show all overrides】或【Override content】
然后点击清除按钮,最后刷新页面即可。