怎么解決sockjs-node 報錯問題

這篇文章給大家分享的是有關(guān)怎么解決sockjs-node 報錯問題的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

sockjs-node報錯的解決辦法：1、在nginx上對9097端口進行配置；2、讓“/sockjs-node”能夠正常代理到本機實際端口上即可。

本文操作環(huán)境：Windows7系統(tǒng)，nodejs10.16.2版，Dell G3電腦。

如何解決sockjs-node 報錯問題？

sockjs-node接口報錯解決方案

項目背景

在接手其他人angular項目時(vue.js可能也會遇到此問題)，為了解決跨域前端配置了nginx，項目啟動后，后臺ws報錯，如下圖所示：

問題定位：

上網(wǎng)查找報錯原因，發(fā)現(xiàn)sockjs-node為nodejs熱加載用于瀏覽器和本地通信的接口，此時熱加載功能失效。因此判斷錯誤原因為：此通信接口訪問到的是nginx代理的9097端口而不是實際服務(wù)啟動的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;
        }
    }

注：以上內(nèi)容最重要的就是在反向代理的配置中增加了如下兩行，其它的部分和普通的HTTP反向代理沒有任何差別。
roxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection $connection_upgrade;
這里面的關(guān)鍵部分在于HTTP的請求中多了如下頭部：
Upgrade: websocket
Connection: Upgrade
這兩個字段表示請求服務(wù)器升級協(xié)議為WebSocket。

結(jié)語

實際情況中，/sockjs-node報錯原因可能有很多，還可能是shadowsock代理、nodejs配置等，只要了解問題本質(zhì)，正確的讓ws訪問到本地實際的地址即可。

感謝各位的閱讀！關(guān)于“怎么解決sockjs-node 報錯問題”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！