Bagaimana untuk Memautkan index.html, client.js dan server.js dengan Betul?

Memautkan index.html, client.js dan server.js

Anda telah mengalami ralat semasa menjalankan aplikasi anda, yang berpunca daripada salah faham dalam pemautan fail. Mari kita jelaskan prosesnya:

Permintaan daripada Penyemak Imbas:

Apabila pengguna membuka halaman (index.html), penyemak imbas menghantar permintaan kepada pelayan untuk klien. js.

Respons Pelayan:

Pelayan menerima permintaan dan melaksanakan fungsi respons() dalam app.listen(8080):

• Ia membaca index.html dan menghantar kandungannya kembali ke penyemak imbas.

Tafsiran Pelayar:

Walau bagaimanapun, index.html bermula dengan , menunjukkan ia adalah dokumen HTML. Apabila penyemak imbas menerima respons ini dan cuba mentafsirkannya sebagai JavaScript (seperti yang dijangkakan untuk client.js), ia menimbulkan ralat.

Penyelesaian:

Pelayan harus mengendalikan permintaan yang berbeza secara berbeza:

• Jika URL yang diminta ialah client.js, pelayan harus menghantar semula fail tersebut dengan jenis kandungan text/javascript.
• Jika URL yang diminta ialah index.html, pelayan harus menghantarnya kembali dengan jenis kandungan teks/html.

Untuk mengelak daripada menulis logik ini sendiri , pertimbangkan untuk menggunakan rangka kerja seperti Express, yang menyediakan cara mudah untuk mengendalikan dan membalas pelbagai jenis permintaan. Panduan permulaan Express termasuk bahagian tentang menggunakan modul statik untuk menyampaikan fail statik seperti client.js dan index.html dengan cekap.

Atas ialah kandungan terperinci Bagaimana untuk Memautkan index.html, client.js dan server.js dengan Betul?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!