Serveur HTTP, les feuilles de style ne sont pas "traduites"

**dark_vidor** · 28/02/2020, 11h16

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

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

**dark_vidor** · 28/02/2020, 18h07

J'ai trouvé ... https://adrian-mejia.developpez.com/...s-nodejs/#LIII
Comme quoi j'avais pas bien chercher

Serveur HTTP, les feuilles de style ne sont pas "traduites"

NodeJS

Discussions similaires

Partager

Partager