从node服务端到浏览器端,调试node脚本,验证接口功能是否正常。
一、参考温习
https://www.cnblogs.com/camille666/p/nodejs_server.html
https://www.cnblogs.com/camille666/p/webpack_debug.html
二、写代码
添加入口脚本app.js,路由文件routes,数据处理文件controller,视图html,测试发请求。
在脚本里面添加debugger(很关键)。
三、修改package.json文件
"scripts": { "debug": "node --inspect-brk ./bin/server" "start": "node ./bin/server" }
四、调试node服务端
1、启动调试
yarn debug
2、打开chrome,地址栏输入
http://127.0.0.1:9229/
3、鼠标右键,打开浏览器调试面板,会看到一个绿色六边形。
4、点击绿色六边形,出现调试弹窗M。
5、点击Add folder to workspace,添加node项目文件夹。
六、测试html,向node服务发接口请求
1、启动node服务
yarn start
2、打开chrome,新建一个tab,在地址栏输入
http://127.0.0.1:8085/
这时弹窗M会出现,点击小工具即可调试,点击红框内的三角图标,可以跳到下一个断点,方便在代码区查看请求参数。这一步很关键,只有发了请求,才能验证请求,node脚本才能进入你debugger的地方。
原文:https://www.cnblogs.com/camille666/p/debug_node_js.html