如何在前端使用 Angular 7 和在后端使用 Spring Boot 调试应用程序

Question

我有一个应用程序，前端 (Visual Studio Code) 使用 Angular 7，后端使用 Spring Boot (intelliJ Idea Community版）和在项目中实施 JWT 之后，我无法理解哪些方法被调用以及以何种顺序被调用。

我在 4200 上运行 Angular 并从 8080 调用 REST 方法，在 4200 上显示结果。我想要的是在调试模式下启动应用程序，如果从 VS Code 调用方法我想被带到那里，如果该方法从 intelliJ 调用一个，我想被带到那里看看。

关于如何查看我的应用程序的流程或如何更好地了解正在发生的事情的任何建议？

Answer 1

要调试 Angular 代码，请按以下步骤操作：-

选项 1 使用 VS 代码

https://offering.solutions/blog/articles/2016/10/16/how-to-debug-an-angular-application-with-chrome-and-vs-code/

或 选项 2 可以直接使用 chrome。

1. ctrl+shift+I 并转到源选项卡
2. ctrl+p 你会得到文件列表。选择你的文件前。 app.component.ts
3. 现在您可以查看您的代码并使用您拥有行号的侧边栏 选择调试点。

使用 IntelliJ 调试 Spring Boot 应用程序 只需从运行按钮旁边的菜单中单击调试按钮。 应用程序将以调试模式启动。