线上代码调试，使用Chorme的请求mock

 前端页面上展示的数据有问题，第一反应肯定是要验证是不是接口返回的数据的问题

      可以直接利用谷歌浏览器更改接口返回的返回值

如何使用谷歌浏览器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】

然后点击清除按钮，最后刷新页面即可。