sockjs-node エラー報告の問題を解決する方法
sockjs-node によって報告されたエラーの解決策: 1. nginx でポート 9097 を構成します; 2. 「/sockjs-node」がマシンの実際のポートに適切にプロキシされることを許可します。
この記事の動作環境: Windows 7 システム、nodejs バージョン 10.16.2、Dell G3 コンピューター。
sockjs ノードのエラー報告の問題を解決するにはどうすればよいですか?
sockjs-node インターフェイス エラーの解決策
プロジェクトの背景
他の人の angular プロジェクトを引き継いだとき (vue.js でもこの問題が発生する可能性があります)、nginx がクロスドメイン フロントエンドで構成されていました。プロジェクトが開始された後、バックグラウンドでエラーが報告されました。次の図に示すように:
問題の場所:
インターネットでエラーの原因を検索したところ、sockjs-node が nodejs のホットロード インターフェイスであることがわかりました。ブラウザとローカル通信に使用されますが、このときホットロード機能は失敗します。したがって、エラーの原因は、この通信インターフェイスが実際のサービスが開始される 8082 ポートではなく、nginx プロキシの 9097 ポートにアクセスするため、通信が実行できないということです。
解決策:
問題を解決するために、/sockjs-node が通常、マシンの実際のポートにプロキシできるように、nginx でこの 9097 ポートを構成します。
具体的な対策:
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; } }
注: 上記に関して最も重要なことは、リバース プロキシ設定に次の 2 行を追加することです。この部分と通常の HTTP リバース プロキシに違いはありません。
roxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection $connection_upgrade;
ここで重要なのは、HTTP リクエストに次のヘッダーがあることです。
Upgrade: websocket
Connection: Upgrade
これら 2 つフィールドは、サーバーがプロトコルを WebSocket にアップグレードするように要求されていることを示します。
結論
実際の状況では、Shadowsock プロキシ、nodejs の設定など、/sockjs-node エラーが報告される理由は数多くある可能性があります。問題の性質を理解している限り、 ws がローカルの実際のアドレスにアクセスできるようにするには、アドレスで十分です。
推奨学習: 「nodejs ビデオ チュートリアル 」
以上がsockjs-node エラー報告の問題を解決する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック









記事では、JavaScriptライブラリの作成、公開、および維持について説明し、計画、開発、テスト、ドキュメント、およびプロモーション戦略に焦点を当てています。

この記事では、ブラウザでJavaScriptのパフォーマンスを最適化するための戦略について説明し、実行時間の短縮、ページの負荷速度への影響を最小限に抑えることに焦点を当てています。

フロントエンドのサーマルペーパーチケット印刷のためのよくある質問とソリューションフロントエンド開発におけるチケット印刷は、一般的な要件です。しかし、多くの開発者が実装しています...

この記事では、ブラウザ開発者ツールを使用した効果的なJavaScriptデバッグについて説明し、ブレークポイントの設定、コンソールの使用、パフォーマンスの分析に焦点を当てています。

スキルや業界のニーズに応じて、PythonおよびJavaScript開発者には絶対的な給与はありません。 1. Pythonは、データサイエンスと機械学習でさらに支払われる場合があります。 2。JavaScriptは、フロントエンドとフルスタックの開発に大きな需要があり、その給与もかなりです。 3。影響要因には、経験、地理的位置、会社の規模、特定のスキルが含まれます。

この記事では、ソースマップを使用して、元のコードにマッピングすることにより、Minified JavaScriptをデバッグする方法について説明します。ソースマップの有効化、ブレークポイントの設定、Chrome DevtoolsやWebpackなどのツールの使用について説明します。

Console.log出力の違いの根本原因に関する詳細な議論。この記事では、Console.log関数の出力結果の違いをコードの一部で分析し、その背後にある理由を説明します。 �...

エントリーレベルのタイプスクリプトチュートリアルをマスターしたら、TypeScriptをサポートするIDEで独自のコードを作成し、JavaScriptにコンパイルできるはずです。このチュートリアルは、TypeScriptのさまざまなデータ型に飛び込みます。 JavaScriptには、NULL、未定義、ブール値、数字、文字列、シンボル(ES6によって導入)とオブジェクトの7つのデータ型があります。 TypeScriptはこれに基づいてより多くのタイプを定義し、このチュートリアルではすべてを詳細に説明します。 ヌルデータ型 JavaScriptのように、Typescriptのnull
