Comment lier correctement index.html, client.js et server.js ?

Lien index.html, client.js et server.js

Vous avez rencontré des erreurs lors de l'exécution de votre application, qui proviennent de un malentendu dans la liaison des fichiers. Clarifions le processus :

Demande du navigateur :

Lorsque l'utilisateur ouvre la page (index.html), le navigateur envoie une requête au serveur pour le client. js.

Réponse du serveur :

Le serveur reçoit la requête et exécute la fonction réponse() dans app.listen(8080) :

• Il lit index.html et renvoie son contenu au navigateur.

Le navigateur Interprétation :

Cependant, index.html commence par , indiquant c'est un document HTML. Lorsque le navigateur reçoit cette réponse et essaie de l'interpréter comme JavaScript (comme prévu pour client.js), il renvoie une erreur.

Solution :

Le serveur doit gérer différentes requêtes différemment :

• Si l'URL demandée est client.js, le serveur doit renvoyer ce fichier avec un type de contenu de text/javascript.
• Si l'URL demandée est index.html, le serveur doit la renvoyer avec un type de contenu text/html.

Pour éviter d'écrire cette logique vous-même , envisagez d'utiliser un framework tel qu'Express, qui fournit des moyens simples de gérer et de répondre à différents types de demandes. Le guide de démarrage Express comprend une section sur l'utilisation du module statique pour servir efficacement des fichiers statiques tels que client.js et index.html.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!