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

Question

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

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

我不调用任何 websocket。唯一的外部连接是使用 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,
           })
   );