一.复现问题
通过复现场景,超登出现问题的账号等各种方法,在项目中制造出这个bug,让他能很好的展现出来,出现在我们肉眼可见的地方(当然也有些bug是没有办法复现的,能复现的我们尽量把复现放在第一步)。
二.找到出现问题的代码位置
方法一:通过路由路径进入项目,一步一步找到对应的代码。具体操作如下方引用链接所示。建议可以读一读再看后续。
https://blog.csdn.net/weixin_52797317/article/details/130054354?spm=1001.2014.3001.5501
方法二:通过在控制台定位到关键元素,通过复制关键元素的类名直接在vscode的放大镜处搜索,就可直接进入相应代码。但该方法在大型项目中并不一定靠谱,很多类名都是经过处理了的,且该方法并不能很好的帮助我们理解代码前后逻辑,所有不推荐使用。
三.分析原因&解决问题
通过在控制台打印数据,查看后端返回数据,与后端沟通数据正确性,查看代码逻辑的正确性等方法确定bug是否出现在前端,再根据对应的问题通过对应的方法去解决