websocket 线上环境报错:Handshake failed due to invalid Upgrade header: null

本文介绍了一种在使用nginx作为代理服务器时遇到的WebSocket连接失败问题,并详细展示了如何通过正确配置nginx来解决此问题,确保WebSocket能正常工作。

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

一、问题描述:
公司有个项目用到了websocket,在本地环境测试没有问题,因为公司后台websocket是微服务搭建,我们需要nginx进行一层代理,结果出现如下错误

Handshake failed due to invalid Upgrade header: null

二、问题解决
1、首先找到自己nginx的配置文件—>配置下面代码 ——> nginx重启

location /consultation-websocket/ {
      proxy_pass http://127.0.0.1:8098/consultation-websocket/;
      proxy_set_header X-Real-IP $remote_addr;
      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
      proxy_set_header Host $http_host;
 
      # For WebSocket upgrade header
      proxy_http_version 1.1;
      proxy_set_header Upgrade $http_upgrade;
      proxy_set_header Connection "upgrade";
}


2、其中最重要的是下面这三行

proxy_http_version 1.1;(告诉nginx使用HTTP/1.1通信协议,这是websoket必须要使用的协议)

proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";(告诉nginx,当它想要使用WebSocket时,响应http升级请求)

三、配置展示

server {
        listen       8018 ssl ; 
        server_name  _;
	
        location /{
             root  /app/html/aligxdp/live/;
             index  index.html index.html;
             try_files $uri $uri/ /index.html;
             add_header Access-Control-Allow-Origin *;
          }

        location /byYtjEnv/ {
          rewrite ^/byYtjEnv/(.*) /$1 break;
          proxy_set_header Host $host;
          proxy_set_header X-Forwarded-For $remote_addr;
          proxy_set_header X-Forwarded-Host $server_name;
          proxy_set_header X-Real-IP $remote_addr;
           # For WebSocket upgrade header
          proxy_http_version 1.1;
          proxy_set_header Upgrade $http_upgrade;
          proxy_set_header Connection "upgrade";

          proxy_pass http://app-service/;
        }
  
        error_page 404 /404.html;
                location = /40x.html {
        }

        error_page 500 502 503 504 /50x.html;
                location = /50x.html {
        }
}   


 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值