Override Pages(重置页面) AND Overrides的使用方法

问题

我们在工作中，如遇到已经上线的产品，并且本地运行不起来项目，想调试修改一些bug时，用overrides重写功能就很方便了，浏览器修改代码后用overrides覆盖，刷新页面，代码不会消失。

使用方法

1.本地新建空文件夹例如：overridesTest

2.浏览器f12调试工具，选择source,找到需要修改的文件，例如本文中需要修改然后右击index.js,保存在刚才新建的overridesTest的文件夹中。

3.找到sources下的Overrides,点击➕选择刚才新建的文件夹overridesTest,这时会出现弹框，点击允许，如图所示

![在这里插入图片描述](https://img-blog.csdnimg.cn/5c697689bdf54740bbc86f7c00edd9a1.png

3.回到page,右击index.js，选择框里会出现save for overrrides 点击，会发现index.js右下角会出现小紫色的圆圈，说明文件覆盖成功了，这时就可以随便修改此文件了。

4.测试，修改index.js，保存，刷新页面，此时会调用本地副本文件，可以在控制台看到我刚刚对index.js 增加的log。

完美结束。