如何解决sockjs-node 报错问题

156 阅读 0 评论 103 点赞

我是靠谱客的博主朴素鞋垫，最近开发中收集的这篇文章主要介绍如何解决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;
        }
    }
登录后复制

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