javascript - 调试在 nginx 代理后面运行的 React App

Question

我有一个正在运行的反应应用程序localhost:3000。我的后端 API 正在运行localhost:8181。为了消除跨域请求以及其他一些兼容性原因，我为我的 react 应用和后端 API 设置了一个 nginx 反向代理。他们现在都在运行localhost:8443。

问题：当我在 Webstorm 中创建 JavaScript 调试配置时，localhost:3000它工作正常。但是配置localhost:8443无法调试我的反应应用程序。我无法调试，localhost:3000因为我没有从那里的 API 获取数据。

我可以使用 进行调试，console.log()但在 IDE 本身中进行调试会非常好。我尝试寻找解决方案，但没有发现任何对我的配置有帮助的东西。

关于如何为此类配置启用调试的任何指针？

标签： javascriptreactjsdebuggingnginxwebstorm

Answer 1

所以，原来问题出在我的自签名证书上。它具有localhost.comCommon-Name 而不是localhost.

可以通过(java.security.cert.CertificateException: No name matching localhost found)在 WebStorm 日志中查找异常来找到。（如何查找日志文件）

我创建了一个新证书。这次使用 Common-Name aslocalhost并且调试工作正常！

这是我在 Youtrack 上为 Webstorm 支持打开的原始问题的链接。（链接）

希望这对将来的人有所帮助！