Wie verknüpfe ich index.html, client.js und server.js richtig?

Verknüpfung von index.html, client.js und server.js

Beim Ausführen Ihrer Anwendung sind Fehler aufgetreten, die darauf zurückzuführen sind ein Missverständnis bei der Dateiverlinkung. Lassen Sie uns den Prozess klären:

Anfrage vom Browser:

Wenn der Benutzer die Seite (index.html) öffnet, sendet der Browser eine Anfrage an den Server für den Client. js.

Antwort des Servers:

Der Server empfängt die Anfrage und führt sie aus Funktion „response()“ in app.listen(8080):

• Sie liest index.html und sendet ihren Inhalt zurück an den Browser.

Interpretation des Browsers:

index.html beginnt jedoch mit , was darauf hinweist, dass es sich um ein HTML-Dokument handelt. Wenn der Browser diese Antwort empfängt und versucht, sie als JavaScript zu interpretieren (wie für client.js erwartet), gibt er einen Fehler aus.

Lösung:

Der Server sollte Behandeln Sie verschiedene Anfragen unterschiedlich:

• Wenn die angeforderte URL client.js ist, sollte der Server diese Datei mit einem Inhaltstyp von zurücksenden text/javascript.
• Wenn die angeforderte URL index.html ist, sollte der Server sie mit dem Inhaltstyp text/html zurücksenden.

Um zu vermeiden, dass Sie diese Logik selbst schreiben Erwägen Sie die Verwendung eines Frameworks wie Express, das einfache Möglichkeiten zur Bearbeitung und Beantwortung verschiedener Anfragetypen bietet. Die Schnellstartanleitung enthält einen Abschnitt zur Verwendung des statischen Moduls zur effizienten Bereitstellung statischer Dateien wie client.js und index.html.

Das obige ist der detaillierte Inhalt vonWie verknüpfe ich index.html, client.js und server.js richtig?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!