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

Question

我有一个在前端使用Angular 7 （ Visual Studio Code ），在后端使用Spring Boot （ intelliJ Idea Community Edition ）的应用程序，在项目中实现JWT之后，我很难理解要调用哪种方法以及调用的顺序。

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

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

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