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



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

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

我可以使用console.log()进行调试,但是在IDE本身中进行调试会非常好。我尝试搜索解决方案,但没有找到任何对我的配置有用的东西。

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

所以,事实证明问题出在我的自签名证书上。它localhost.com为公用名而不是localhost

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

我创建了一个新证书。这次使用公用名作为localhost,调试工作正常!

这是我在Youtrack上打开的原始问题的链接,以获得Webstorm支持。(链接(

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

最新更新