首页前端开发JavaScript如何解决sockjs-node 报错问题

如何解决sockjs-node 报错问题

时间2024-01-31 00:34:02发布访客分类JavaScript浏览1073
导读:收集整理的这篇文章主要介绍了如何解决sockjs-node 报错问题,觉得挺不错的,现在分享给大家,也给大家做个参考。sockjs-node报错的解决办法:1、在nginx上对9097端口进行配置;2、让“/sockjs-node”能够正常...
收集整理的这篇文章主要介绍了如何解决sockjs-node 报错问题,觉得挺不错的,现在分享给大家,也给大家做个参考。

sockjs-node报错的解决办法:1、在nginx上对9097端口进行配置;2、让“/sockjs-node”能够正常代理到本机实际端口上即可。

本文操作环境:Windows7系统,nodejs10.16.2版,Dell G3电脑。

如何解决sockjs-node 报错问题?

sockjs-node接口报错解决方案

项目背景

在接手其他人Angular项目时(vue.js可能也会遇到此问题),为了解决跨域前端配置了nginx,项目启动后,后台ws报错,如下图所示:

问题定位:

上网查找报错原因,发现Sockjs-node为nodejs热加载用于浏览器和本地通信的接口,此时热加载功能失效。因此判断错误原因为:此通信接口访问到的是nginx代理的9097端口而不是实际服务启动的8082端口,因此无法进行通信。

解决方案:

在nginx上配置对此9097端口进行配置,让/sockjs-node其能够正常代理到本机实际端口上,从而解决问题。
具体措施:
在nginx中增加nginx配置

http {
        include       mime.tyPEs;
        default_type  application/octet-stream;
    map $http_upgrade $connection_upgrade {
        default upgrade;
        ''      close;
  }
 server {
            listen 9097;
            server_name localhost;
	location /sockjs-node {
                Proxy_pass http://0.0.0.0:8082;
    	    PRoxy_set_header Upgrade $http_upgrade;
    	    proxy_set_header Connection $connection_upgrade;
        }
    }
    @H_360_44@

注:以上内容最重要的就是在反向代理的配置中增加了如下两行,其它的部分和普通的HTTP反向代理没有任何差别。
roxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection $connection_upgrade;
这里面的关键部分在于HTTP的请求中多了如下头部:
Upgrade: websocket
Connection: Upgrade
这两个字段表示请求服务器升级协议为WebSocket。

结语

实际情况中,/sockjs-node报错原因可能有很多,还可能是shadowsock代理、nodejs配置等,只要了解问题本质,正确的让ws访问到本地实际的地址即可。

推荐学习:《nodejs视频教程》

以上就是如何解决sockjs-node 报错问题的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: javascript lastindexof()怎么用下一篇:如何解决node 安装失败2503问题猜你在找的JavaScript相关文章 html font标签如何设置字体大小?html font标签属性用法介绍2022-05-16vue3+TypeScript+vue-router的使用方法2022-04-16vue3获取当前路由地址2022-04-16如何利用React实现图片识别App2022-04-16JavaScript展开运算符和剩余运算符的区别详解2022-04-16微信小程序中使用vant框架的具体步骤2022-04-16Vue elementUI表单嵌套表格并对每行进行校验详解2022-04-16如何利用Typescript封装本地存储2022-04-16微信小程序中wxs文件的一些妙用分享2022-04-16JavaScript的Set数据结构详解2022-04-16 其他相关热搜词更多phpjavapython程序员loadpost-format-gallery

若转载请注明出处: 如何解决sockjs-node 报错问题
本文地址: https://pptw.com/jishu/593246.html
jquery怎样让所有input失效 如何解决node 安装失败2503问题

游客 回复需填写必要信息