Index.html、client.js、server.js を適切にリンクするにはどうすればよいですか?

index.html、client.js、server.js のリンク

アプリケーションの実行中に次のようなエラーが発生しました。ファイルのリンクの誤解。プロセスを明確にしましょう:

ブラウザからのリクエスト:

ユーザーがページ (index.html) を開くと、ブラウザはクライアントのサーバーにリクエストを送信します。 js.

サーバーのレスポンス:

サーバーはリクエストを受信し、app.listen(8080) 内の response() 関数を実行します。

• index.html を読み取り、その内容を送り返します。

ブラウザの解釈:

ただし、index.html は で始まり、HTML ドキュメントであることを示します。ブラウザーがこの応答を受信し、(client.js で予期されるように) JavaScript として解釈しようとすると、エラーがスローされます。

解決策:

サーバーは次のことを行う必要があります。異なるリクエストを異なる方法で処理します:

• リクエストされた URL が client.js の場合、サーバーはそのファイルをcontent-type of text/javascript.
• リクエストされた URL がindex.html の場合、サーバーは text/html の content-type でそれを送り返す必要があります。

回避するにはこのロジックを自分で作成する場合は、さまざまな種類の要求を処理して応答する簡単な方法を提供する Express などのフレームワークの使用を検討してください。 Express 入門ガイドには、静的モジュールを使用して client.js や Index.html などの静的ファイルを効率的に提供するためのセクションが含まれています。

以上がIndex.html、client.js、server.js を適切にリンクするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。