如何在前端使用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按鈕。 應用程序將以調試模式啟動。