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

Question

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

我尝试使用 azure 和 pivotal DevOps 环境。两个都不行。

我不调用任何 websocket。唯一的外部连接是与 firebase（npm 包）和其他一些 npm 包的连接。所有其他静态链接（js 和 css 文件）都使用 https 协议。

我的网站目前部署如下：

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

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

您对 fix/debug 我的部署有任何提示或步骤吗？

Answer 1

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

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

使用以下行更改连接对象：

// 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,
        })
);

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

insecure WebSocket connection on reactjs deployed application

web-deployment

node.js

cloud-foundry

reactjs