从reactjs客户端连接到安全的Web套接字python服务器

时间:2020-01-09 20:29:21

标签: python reactjs websocket

尝试从reactjs客户端连接websocket python服务器。

SecurityError:无法构造“ WebSocket”:可能无法通过HTTPS加载的页面启动不安全的WebSocket连接。

Web套接字python服务器

ssl_context = ssl.SSLContext(ssl.PROTOCOL_TLS_SERVER)
localhost_pem = pathlib.Path(__file__).with_name("localhost.pem")
ssl_context.load_cert_chain(localhost_pem)

start_server = websockets.serve(
    asl_video, "0.0.0.0", 8766, ssl=ssl_context, ping_interval=30, ping_timeout=30, max_size=None
)

reactjs应用程序中的代码

var webSocket =  new W3CWebSocket('wss://10.12.5.112:8766');

1 个答案:

答案 0 :(得分:0)

我在文件node_modules / react-dev-utils / webpackHotDevClient.js中更新了以下行(行号62)

protocol: window.location.protocol === 'https:' ? 'wss' : 'ws', 以前是 protocol: 'ws',

它解决了错误 SecurityError:无法构造“ WebSocket”:可能无法从通过HTTPS加载的页面启动不安全的WebSocket连接。

谢谢