调试在Nginx代理后面运行的React App

时间:2018-08-14 14:00:37

标签: javascript reactjs debugging nginx webstorm

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

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

我可以使用console.log()进行调试,但是最好在IDE本身中进行调试。我尝试寻找解决方案,但没有发现对我的配置有用的任何信息。

是否有任何指向如何启用此类配置调试的指针?

1 个答案:

答案 0 :(得分:0)

因此,问题出在我的自签名证书上。它以localhost.com作为公用名,而不是localhost

可以通过在WebStorm日志中查找(java.security.cert.CertificateException: No name matching localhost found)异常来找出哪些。 (How to find Log files

我创建了一个新证书。这次使用localhost作为Common-Name,并且调试正常!

这是我在Youtrack上为Webstorm支持打开的origianl问题的链接。 (Link

希望这对以后的人有帮助!