Nginx共同配置WS(WebSocket)和Http

这篇具有很好参考价值的文章主要介绍了Nginx共同配置WS(WebSocket)和Http。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

首先

WebSocket协议不是超文本传输协议。

尽管WebSocket协议确实使用HTTP请求启动了一个新连接,但它会迅速将连接升级为完整的WebSocket (这需要在初始请求中包含Connection: upgrade头,而不是Connection: keep-alive)。

所以,在nginx配置的时候,先对请求进行升级

nginx ws,ngixn配置,nginx,linux,运维,Powered by 金山文档

配置项:

   map $http_upgrade $connection_upgrade {
       default       keep-alive;   #默认为keep-alive 可以支持一般http请求
       'websocket'   upgrade;      #如果为websocket 则n为upgrade可升级的。
   }

然后再对nginx代理的地址进行配置

nginx ws,ngixn配置,nginx,linux,运维,Powered by 金山文档
      location ^~ /shared_java/ {
          proxy_redirect     off;
          proxy_set_header   Host             $host;
          proxy_set_header   X-Real-IP        $remote_addr;
          proxy_set_header   X-Forwarded-For  $proxy_add_x_forwarded_for;
          proxy_set_header   Upgrade          $http_upgrade;#此处配置 上面定义的变量
          proxy_set_header   Connection       $connection_upgrade;
          proxy_pass http://127.0.0.1:8086/;
        }

至此,ws和http请求可以同时被nginx代理了文章来源地址https://www.toymoban.com/news/detail-604109.html

到了这里,关于Nginx共同配置WS(WebSocket)和Http的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 记录一次nginx+Websocket反向代理时报错504-gateway TimeOut和各种开发遇到的坑(wss链接404、ws链接400 bad Requset等等)

    需要反向代理转发websocket链接。 1、nginx路径未匹配上 2、链接上后,在默认的http链接时长中没有发送心跳包,nginx自动关闭http链接,一般默认为1分钟 3、http链接转发后并没有升级为websockt链接(Bad Request 400错误) 4、websocket长链接1分钟后自动关闭 5、wss链接通过nginx转发时,

    2024年02月15日
    浏览(52)
  • Nginx方向代理wss或ws

    说明:如果是内网环境使用,可以手动创建证书使用,如果是公网环境,则必须为公网域名证书或ip证书,使用域名可以去阿里创建免费证书并下载就可以了。 在线测试

    2024年02月08日
    浏览(47)
  • nginx部署时http接口正常,ws接口404

    可以这么配置 首先: 表示的是: 如果 $http_upgrade 不为 ‘’ (空),则 $connection_upgrade 为 upgrade 。 如果 $http_upgrade 为 ‘’ (空),则 $connection_upgrade 为 close。 其次: 表示的是 nginx负载均衡: 两台服务器 (ip1:port1)和(ip2:port2) 。 keepalive 1000 表示的是每个nginx进程中上游服务器保持

    2024年02月12日
    浏览(43)
  • 【Python Flask+Nginx】实现HTTP、WS (两步实现,简单易懂)

    目录 一、创建Flask应用  二、部署Nginx 2.1 下载Nginx  2.2 修改Nginx配置文件 2.3 启动Nginx 三、测试         首先我写了如下一个基于Flask的Demo,该Demo包含两个接口一个是 HTTP 接口(http://127.0.0.1:5000),一个是 Websocket 接口(ws://127.0.0.1:5000/test) 如果调用HTTP接口,会返回一个

    2024年02月11日
    浏览(35)
  • Springboot配置Websocket,前端提示WebSocket connection to ws://localhost:8080/* failed

    做项目的时候要构建一个在线聊天系统,学习之前就先用了别人的一份代码跑一下,但是怎么都建立不了websockt连接,前端提示: 网上查到的解决办法主要有: 1、修改tomcat版本到8以上。但是我的版本是9,不应该是tomcat问题。 2、修改ws连接成wss。无效。 3、使用WebSocket类配置

    2024年02月16日
    浏览(41)
  • 运维相关(一) - Vue项目配置WebSocket连接{ws、wss 连接方式}

    项目使用的是ruoyi的前后端分离框架 项目需要使用到 websocket , 在本地使用 ws 连接方式是没问题 , 但是服务器上边使用的是nginx + ssl 证书 https域名访问的方式部署的 使用普通的 ws 连接是不可以成功的 需要使用 wss的方式 2.1 前端 vue.config.js 的代码 这里target: 里边指向的都是后

    2024年02月01日
    浏览(52)
  • WebSocket connection to ‘ws://192.168.13.86:8080/ws‘ failed:

    正常在浏览vue脚手架项目做的网页, 控制台突然报了很多这种错误 报错截图: WebSocket connection to \\\'ws://192.168.13.86:8080/ws\\\' failed: WebSocket 链接 到\\\'ws://192.168.13.86:8080/ws\\\' 失败了 知识点1: vue脚手架基于node启动了一个实时打包项目和预览的web服务, 把你写完的vue代码+webpack翻译打包后通

    2024年02月05日
    浏览(53)
  • WebSocket connection to ‘ws://10.151.2.241:8080/ws‘ failed:

    在vue3项目中出现以下错误 这个错误表明在尝试建立到 \\\'ws://10.151.18.185:8080/ws\\\' 的WebSocket连接时失败了。WebSocket是一种用于实现双向通信的协议,这种错误通常发生在以下情况下: 1. 服务器不可达:可能服务器 \\\'10.151.18.185\\\' 不可用,或者WebSocket服务未正确配置。确保服务器正在

    2024年02月05日
    浏览(45)
  • WebSocket connection to ‘ws://127.0.0.1:8080/stomp/ws/1‘ failed: Error during WebSocket handshake:

    ** ** 最近研究websocket的时候遇到了这个问题,前端vue 连接 的时候一直连接不上,找了下原因 是Security拦截了 解决办法就是在SecurityConfig里面添加代码 这里的/websocket 是根据你自己设置地址,并不是确定的一成不变的。详情如下图所示:

    2024年02月17日
    浏览(61)
  • vue 报错:WebSocket connection to ‘ws://192.168.51.116:3000/ws‘ failed:

    vue创建项目打开页面后可以运行正常,就是控制台一直报websocket的connection错误 WebSocket connection to \\\'ws://192.168.51.116:3000/ws\\\' failed:  在网上找到一个靠谱的方法了,修改vue.config.js里的devServer配置 重启后就不报错了。

    2024年02月11日
    浏览(48)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包