本文背景如下：
Vue+SpringBoot 前后端分离，vue采用Nginx作为服务，涉及内外网使用的场景。
技术使用：Stomp 和 rabbitMQ
Nginx增加如下配置：文章来源：https://www.toymoban.com/news/detail-506966.html
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://www.toymoban.com/news/detail-506966.html
#如果服务器是https，则使用 wss://，如果是http协议，则使用ws://
this.client = Stomp.client('wss://' + window.location.host + '/ws')到了这里，关于Nginx配置WS代理的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
