前后端分离使前端的断点调试更加复杂,chrome中调试vue,需要先在vscode中装Debugger for Chrome插件,然后增加调试的配置修改launch.json配置文件;可以参考vue官网步骤:chrome中调试vue
在集成过程中,可以使用debugger对指定的js文件行进行debugger操作,也可以在vue.config.js文件中通过设置devtools在运行时候在前端看source:webpack的devtools;也可以在vscode直接开启chrome进行调试运行;
// vue.config.js文件中设置devtools
config
.when(p