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

Question

我有一个前端为 Angular 7 （ Visual Studio代码）和后端为 Spring Boot （ intelliJ Idea Community版本），并且在项目中实现 JWT 后，我很难理解正在调用哪些方法以及调用的顺序。

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

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

Answer 1

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

选项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应用程序 只需点击运行按钮旁边菜单中的调试按钮。 该应用程序将以调试模式启动。