Serveur HTTP, les feuilles de style ne sont pas "traduites"
Bonjour,
J'ai créé un petit serveur HTTP en Node.JS en suivant les tutos (par exemple : https://www.w3schools.com/nodejs/obj...erresponse.asp) sur un Raspberry
Pour le moment je n'ai qu'une seule page 'index.html'
J'ai donc le code de mon serveur :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14
| const server = http.createServer(function (request, response) {
fs.readFile(__dirname + '/index.html', 'utf-8', function (err, content) {
if (err) {
response.writeHead(404, {'Content-Type': 'text/html'}); //display 404
return response.end("404 Not Found");
}
log(request.method + request.url);
response.writeHead(200, {"Content-Type": "text/html"}); // {"Content-Type": "text/plain"}
response.write(content);
response.end();
});
server.listen(80, '0.0.0.0');
}); |
Je voulais inscruster une feuille de style dans ma page
J'ai donc le header de la page HTML suivant :
Code:
1 2 3 4 5 6 7 8
| <!DOCTYPE html>
<html>
<head>
<title>Dashboard</title>
<meta http-equiv="Content-Type" content="text/html">
<meta charset="utf-8">
<link href="style.css" rel="stylesheet" type="text/css">
</head> |
La feuille n'est pas chargée et j'ai l'erreur suivante sous Chrome :
Citation:
Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://192.168.1.100/style.css".
J'ai bien essayé de changé le Content-Type par text/plain mais dans ce cas ça m'affiche uniquement le code source ..
Je m'arrache les cheveux la dessus depuis hier et je n'arrive pas à trouver de réponse :( (ou alors je sais pas bien quoi chercher)
Merci pour votre aide