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

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

Dalam senario anda, anda menghadapi masalah dengan memautkan tiga fail: index.html, client.js dan server.js. Mari kita pecahkan masalah dan sediakan penyelesaian yang komprehensif.

1. Permintaan untuk index.html:

   • Pelayar memulakan permintaan untuk client.js.

2. Pelayan respons:

   • Fungsi pelayan anda (tindak balas) mengendalikan permintaan ini dan melakukan tindakan berikut:

     • Mengambil semula index.html daripada sistem fail.
     • Menghantar kandungan index.html ke pelayar.

3. Isu Jenis Kandungan:

   • Memandangkan index.html bermula dengan " <", penyemak imbas mentafsirkannya sebagai JavaScript, yang membawa kepada ralat sintaks.
   • Ini ialah kerana pelayan harus menghantar client.js sebagai text/javascript dan index.html sebagai text/html.

Untuk menyelesaikan isu ini, anda perlu melaksanakan pengendalian permintaan yang betul dalam anda kod pelayan. Anda boleh menentukan URL yang diminta dan membalas dengan jenis kandungan yang sesuai.

Menggunakan Express untuk Penyajian Fail:
Daripada melaksanakan logik secara manual, pertimbangkan untuk menggunakan Express untuk pengendalian permintaan. Express termasuk perisian tengah statik, yang memudahkan proses penyajian fail statik, seperti HTML, CSS dan JavaScript.

Berikut ialah contoh menggunakan Express:

const express = require('express');
const app = express();

// Serve client.js as JavaScript
app.get('/client.js', (req, res) => {
    res.sendFile('path/to/client.js', { contentType: 'text/javascript' });
});

// Serve index.html as HTML
app.get('/', (req, res) => {
    res.sendFile('path/to/index.html', { contentType: 'text/html' });
});

app.listen(3000, () => console.log('Server listening on port 3000'));
Kod ini menyediakan Pelayan ekspres yang mengendalikan permintaan untuk "/client.js" dengan jenis kandungan yang betul dan membalas permintaan untuk "/" (index.html) dengan jenis kandungan yang sesuai sebagai baiklah.


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