nginx配置websocket（前后端分离）

SD_54

于 2019-10-23 18:06:40 发布

阅读量1.5k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： nginx 文章标签： nginx配置websocket

本文链接：https://blog.youkuaiyun.com/qq_24484911/article/details/102707846

nginx 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何在JavaScript中使用WebSocket进行实时通信，并通过Nginx进行代理设置，实现跨域通信。展示了前端WebSocket实例创建过程及Nginx配置细节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js中

if (window.WebSocket) {
    /*当前环境前端的host，形如：localhost:8089 */
    var host = window.location.host;
    websocket = new WebSocket("ws://"+ host + "/websocket/onlineWebsocket");
}

nginx配置

upstream pgcmng-project {
    server 127.0.0.1:8601;
}


location ^~ /websocket/ {
	proxy_pass  http://pgcmng-project/pgcmng/websocket/;
	proxy_set_header  X-Real-IP  $remote_addr;
	proxy_set_header Host $host:1443;
	proxy_http_version 1.1;
	proxy_set_header Connection keep-alive;
	proxy_set_header Keep-Alive 600;
	keepalive_timeout 600;
	proxy_set_header Upgrade $http_upgrade;
	proxy_set_header Connection "upgrade";

}

最终

ws://"+ host + "/websocket/onlineWebsocket
转换为：
http://127.0.0.1:8601/pgcmng/websocket/onlineWebsocket