nginx给websocket页面做代理，一举拿下腾讯美团滴滴offer

最新推荐文章于 2024-07-26 17:12:54 发布

m0_60707660

最新推荐文章于 2024-07-26 17:12:54 发布

阅读量378

点赞数 3

分类专栏： 2024年程序员学习文章标签： nginx websocket 运维

本文链接：https://blog.csdn.net/m0_60707660/article/details/137414764

版权

2024年程序员学习专栏收录该内容

285 篇文章 1 订阅

订阅专栏

打开F12开发者模式排查。

点击network发现很多接口都标红报错，接口红色异常，把url代理。
F12页面已无红色异常项，但页面展示仍有问题，查看当前页面调用接口，有websocket。
点击websocket接口，虽然没有标红异常，但是看到messages未显示信息且报404。点击console，发现有红色报错，failed to load resource:the server responded with a status of 404()，定位到要给websocket做代理。

给websocket接口做代理。

如报错接口为：ws://10.200.300.400:1234/x/websocket
在nginx增加代理如下：
location /x/websocket{
rewrite^/x/websocket/(.*)$ / $1 break;
proxy_pass http://10.200.300.400:1234/x/websocket;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection “upgrade”;
proxy_connect_timeout 1800s;
proxy_send_timeout 1800s;
proxy_read_timeout 1800s;
}

格式：

location /x/websocket{//此处/后的内容建议与url中ws地址端口后的一致
rewrite^/x/websocket/(.*)$ / $1 break;
proxy_pass http://此处为url中完整的ws地址, 如X.X.X.X:XXXX/x/websocket;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection “upgrade”;
proxy_connect_timeout 1800s;
proxy_send_timeout 1800s;
proxy_read_timeout 1800s;
}

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数网络安全工程师，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年网络安全全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上网络安全知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加VX：vip204888 （备注网络安全获取）

一个人可以走的很快，但一群人才能走的更远。如果你从事以下工作或对以下感兴趣，欢迎戳这里加入程序员的圈子，让我们一起学习成长！

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算

、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算**