如何调试前端有角7，后端有Spring的应用程序？

Question

我在前端(Visual Studio Code)和后端的Spring (intelliJ Idea Community )上都有一个应用程序，在项目中实现JWT之后，我很难理解哪些方法正在被调用，哪些方法是按什么顺序调用的。

我运行的角度4200和调用REST方法从8080，显示在4200的结果。我想要的是在调试模式下启动应用程序，如果从VS代码调用了一个方法，我希望在那里使用该方法，如果该方法调用一个来自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，您可以直接使用铬。

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

要使用IntelliJ调试spring引导应用程序，只需单击“运行”按钮旁边的菜单中的“调试”按钮即可。应用程序将以调试模式启动。