React / Neovis.js:未能构造“”WebSocket“”：可能无法从通过HTTPS加载的页面启动不安全的WebSocket连接

Question

所以我有一个使用Neovis.js的react应用程序，这是一个用于Neo4j数据库的图形可视化插件，它在开发中工作得很好，但当我将它部署到Heroku时，该插件不能工作，并且它在控制台中显示以下消息：

DOMException: Failed to construct 'WebSocket': An insecure WebSocket connection may not be initiated from a page loaded over HTTPS.

这个是：Mixed Content: The page at 'https://xxxxxxxx.com/person/20' was loaded over HTTPS, but attempted to connect to the insecure WebSocket endpoint 'ws://xxxxxx:7687/'. This request has been blocked; this endpoint must be available over WSS.

我看过关于这个错误的帖子，所以我像他们说的那样把我在package.json中的反应脚本从4.0.1降到了3.2.0，但是在那之后有太多不推荐使用的东西，整个应用程序在Heroku中都不能工作。

我还尝试将webPackHotDevClient.js第62行编辑为：protocol: window.location.protocol === 'https:' ? 'wss' : 'ws'，但仍然不起作用。

顺便说一下，neo4j端点在Http上，而不是https上，我的neo4j端点应该可以通过https访问吗？

Answer 1

编辑:

我发现自己的一个解决方案是使用http://而不是https://访问heroku应用程序，这样我的react应用程序中的插件就可以与运行在http上的neo4j实例对话，这不是最好的答案，但它确实有效！