Nginx配置WS代理

本文背景如下：

Vue+SpringBoot 前后端分离，vue采用Nginx作为服务，涉及内外网使用的场景。

技术使用：Stomp 和 rabbitMQ

Nginx增加如下配置：

http {map $http_upgrade $connection_upgrade{default upgrade;`` close;}upstream websocket{server server 10.x.x.xx:15674;}server{listen 8020;location /ws {proxy_pass http://websocket;proxy_http_version 1.1;proxy_set_header Upgrade $http_upgrade;proxy_set_header Connection "Upgrade";}}
}

VUE前端配置(注意https和http的区别)：

#如果服务器是https，则使用 wss://，如果是http协议，则使用ws://
this.client = Stomp.client('wss://' + window.location.host + '/ws')

Nginx配置WS代理相关推荐

Windos环境用Nginx配置反向代理和负载均衡
Windos环境用Nginx配置反向代理和负载均衡引言:在前后端分离架构下,难免会遇到跨域问题.目前的解决方案大致有JSONP,反向代理,CORS这三种方式.JSONP兼容性良好,最大的缺点是只支持 ...
nginx配置反向代理和负载均衡完结篇
具体安装配置参考之前的文章 https://blog.csdn.net/weixin_44001965/article/details/102723855 文章目录一,nginx操作的常用命令 ng ...
什么是Websocket以及Nginx实现ws代理
什么是Websocket以及Nginx实现ws代理 1.Websocket协议的实现 Websocket实现在HTTP连接基础之上,并通过HTTP中的Upgrade协议头将连接从HTTP升级到Webs ...
Nginx配置WS、WSS域名
文章目录一.Nginx配置WS 二.Nginx配置WSS 一.Nginx配置WS WS的全称是WebSocket,Nginx配置WebSocket也比较简单,只需要在nginx.conf文件中进行相 ...
Nginx配置反向代理访问内部服务
Nginx可以提供高性能的反向代理服务,将客户机请求转发给内部网络中隐藏在幕后的真正的服务器,并将从服务器上得到的结果数据返回给Internet上请求的客户端,在用户看来,Nginx扮演的就是真实服务 ...
Nginx 配置正向代理
Nginx 配置正向代理之前一直使用 squid 进行正向代理配置,今天尝试采用 nginx 进行正向代理配置. nginx本身是不支持https协议请求转发,为了让nginx能达到这一效果需要借助 ...
nginx配置反向代理浏览器输入地址后点击登陆URL发生变化的处理
今天项目上需要再用NGINX配置反向代理需求如下: 现在有A服务器只做为nginx服务器,B服务器作为代码服务器,用户访问A要实际上访问的是B的程序. 处理方式就是用nginx的方向代理处理即可: 打 ...
nginx配置反向代理过程中遇到的坑配置好之后报404问题
项目场景: nginx配置反向代理路径问题描述在配置nginx反向代理的过程中,路径可以匹配上但是一直报404,找不到路径.nginx配置如下: location /business {add_h ...
Nginx配置反向代理，一篇搞定！
欢迎关注方志朋的博客,回复"666"获面试宝典来源:blog.csdn.net/zxd1435513775/article/ details/102508463 一.引言其他话 ...

Nginx配置WS代理

Nginx配置WS代理相关推荐

最新文章

热门文章