通过 mvn jetty 调试 Spring 应用程序：在 IntelliJ Idea 中同时运行和调试角度前端？答案

【问题标题】：Debug a Spring app by mvn jetty:run and debug angular frontend simultaneously in IntelliJ Idea?通过 mvn jetty 调试 Spring 应用程序：在 IntelliJ Idea 中同时运行和调试角度前端？
【发布时间】：2016-12-17 18:51:18
【问题描述】：

是否可以在 IntelliJ Idea 中同时调试在 jetty 和前端 angular 部分上运行的 Spring 应用程序？

后端的断点很好用，但前端的断点被忽略了。

【问题讨论】：

您安装了 Intellij 浏览器扩展对吗？
@dav1d 是的，我在 intellij 中运行了两个并行调试会话：一个用于 mvn，一个用于 javascript 调试。 Chrome 显示idea 正在侦听，但它不会对断点做出反应，并且idea 中没有关于脚本的信息。

标签： angularjs spring maven debugging jetty

【解决方案1】：

是的，这是可能的。您需要安装此 Chrome 扩展程序： https://chrome.google.com/webstore/detail/jetbrains-ide-support/hmhgeddbohgjknpmjagkdomcpobmllji?utm_source=chrome-ntp-icon

要调试 Angular 项目，您需要创建一个新的调试配置：

在 IntelliJ Idea 中转到运行 -> 编辑配置。单击 + 按钮（添加新配置）并选择 JavaScript 调试。用你的应用程序本地开发 url 更改 URL，通常是http://localhost:4200/

保存配置，执行ng serve并在调试模式下运行配置。

你得到断点在服务器和客户端工作！！！

【讨论】：

【解决方案2】：

用 IntelliJ Idea 可以这样实现：

对于后端（非常明显）

创建一个 Maven 运行配置文件并传入以下参数：jetty:run。

然后调试这个运行配置。这将使您能够“监听”应用程序的后端。

对于前端：

创建一个 JavaScript 调试运行配置文件并将其设置如下： URL：http://localhost:9070/（这是我的码头服务器和我的应用程序运行的地方）。

然后您必须将 AngularJS 应用所在目录（在我的情况下是 /app）的远程 URL 设置为：http://localhost:9070/

剩下的就是作为调试此配置运行，这将使调试前端也成为可能。

【讨论】：