websocket 服务器上连接404 ,failed: Error during WebSocket handshake: Unexpected response code: 404

一写代码就开心

于 2022-09-22 11:12:37 发布

阅读量3.7k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：虚拟机linux 文章标签： websocket 服务器网络协议

本文链接：https://blog.csdn.net/python113/article/details/126988268

虚拟机linux 专栏收录该内容

52 篇文章

订阅专栏

本文介绍了解决WebSocket连接404问题的方法。通过在nginx配置文件中添加特定指令，如proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection upgrade; 实现了服务器上的WebSocket正常工作。

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

1 问题

websocket 连接404
本地可以访问websocket，但是部署到服务器上就不行，不过本地用的配置是vue.config.js，没走nginx代理。

服务器上是nginx代理

2 解决

 upstream abc-api {
        server 192.168.xx.xx:80;
    }

location /abc/socket/ {
            proxy_pass http://abc-api/;
            proxy_http_version 1.1;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection "upgrade";
                
        }

nginx里面必须写

  proxy_http_version 1.1;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection "upgrade";

以上就可以在外网访问服务器上面的websocket了；

http://www.wetools.com/websocket/
这个网站测试服务器上面的websocket能不能使用

在这里插入图片描述

websocket 服务器上连接404 ,failed: Error during WebSocket handshake: Unexpected response code: 404

目录

1 问题

2 解决