问题描述
上线SPA项目后,发现线上会偶尔出现bug,而本地或联调环境下却从来没有出现过,定位到时打包项目时没有打包node_modules下的文件,线上用的npm包和本地、联调环境用的npm包版本不一样,线上npm包版本太老有bug。在找bug的过程中,需要从线上环境来找,问题是我们在找bug或验证解决问题的思路时没法直接修改线上代码,而验证这次修改。
解题思路
项目是一个SPA项目,服务器是一个静态服务,前端代码实际上完全运行在浏览器中,浏览器会把所需代码全部下载下来,那我们可不可以修改这些下载来的运行在浏览器中的代码呢?
解题过程
参考chrome浏览器F12调式,修改替换js文件,过程如下:
- 创建override文件夹。
2. 找到想要修改的文件进行修改,修改后ctrl+s保存,刷新页面即可。
其他
node调试可参考:www.cnblogs.com/Wayou/p/nod…,blog.csdn.net/weixin_4482…