如何使用Chrome调试器在VS Code中通过代理调试Angular客户端应用程序

Question

我为Angular客户端应用程序设置了一个代理，以便将请求路由到服务器模拟应用程序。 我使用命令 npn run proxy ：

运行我的应用程序

• ＆＃34; proxy＆＃34;：＆＃34; ng serve --open --proxy-config proxy.conf.json＆＃34;

我需要制作哪些Chrome 调试器配置才能以调试模式启动我的应用，但仍然可以通过代理运行请求>

运行环境：

• Angular CLI：6.0.0
• 节点：8.11.1
• 操作系统：win32 x64
• Angular：6.0。

Answer 1

我要使用Google Chorme调试Angular 2+应用，您必须以开发模式运行它。您可以通过在开发者控制台中选中此行来确保您的应用是否在开发中运行：＆＃34; Angular正在开发模式下运行。调用enableProdMode（）以启用生产模式。＆＃34;。您将拥有.ts文件的源地图，您将能够添加断点。只需使用Ctrl + P搜索文件即可。