reactjs部署的应用程序上的不安全WebSocket连接

Question

我在网络上部署React.js应用程序时遇到一些问题。

我尝试使用azure和pivotal DevOps环境。两者都不起作用。

我不叫任何网络套接字。唯一的外部连接是使用Firebase（npm软件包），也许还使用其他一些npm软件包。所有其他静态链接（js和css文件）均使用https协议。

我的网站当前部署在下面：

https://smad-app.cfapps.io/

如果我使用“ serve -s build”在本地部署。我有任何错误。

您是否有任何提示或步骤来修复/调试我的部署？

Answer 1

为了解决我的问题，我根据this post执行了以下步骤来解决我的问题：

1. 打开my_project_root \ node_modules \ react-dev-utils \ webpackHotDevClient.js

2. 用以下几行更改连接对象：

   // Connect to WebpackDevServer via a socket.
   var connection = new WebSocket(
       url.format({
           protocol: window.location.protocol === 'https:' ? 'wss' : 'ws',
           hostname: window.location.hostname,
           port: window.location.port,
           // Hardcoded in WebpackDevServer
           pathname: '/sockjs-node',
           slashes: true,
           })
   );