Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

  1. #1
    Membre régulier
    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 :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

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

###raw>template_hook.ano_emploi###