Skip to main content
1 de 4
Dev 200
  • 5.5k
  • 7
  • 47
  • 91

¿Por que al servir CSS y Javascript su contenido es igual al archivo index.html usando NodeJs?

Estoy creando un servidor en node.js, con los siguientes elementos:

Carpeta
    index.html
    js.js
    css.css

HTML:

<html>
<head></head>
<link rel="stylesheet" type="text/css" href="css.css">
<body>
<h1> Mi  Primer  Web  Node </h1>
</body>
<script src="javascript.js"></script>
</html>

JS:

alert("Soy javascript");

CSS:

body {
    background-color: blue;
}

h1 {
    color:red;
}

Usando el siguiente codigo:

createServer.js:

const http = require("http");
const fs = require("fs");
const path = require("path");

http.createServer((request, response)=> {

        let filePath = path.join(__dirname);
                console.log(filePath);
        fs.readFile('index.html',{encoding:"UTF-8"}, (error,content)=>{
            fileType = path.extname(filePath);
            if(!error) {
                switch (fileType) {
                    case ".css":
                        response.writeHead(200, {"Content-Type": "text/css"});
                        response.write(content);
                    break;
                    case ".js":
                        response.writeHead(200, {"Content-Type": "text/javascript"});
                        response.write(content);
                    break;
                    default:
                        response.writeHead(200, {"Content-Type": "text/html"});
                        response.write(content);
                }
                response.end();
            } else {
                response.writeHead(404, {"Content-Type": "text/html"});
                response.write("error file");
                response.end(error);
            }
        })
    }).listen(3999);

Quisiera que se cargara el HTML y a la vez el codigo javscript y la hoja de estilo css que tiene incluidas.

Cuando pongo en marcha el servidor aparece bien el index.html, pero los archivos js y css cuando lo reviso por consola, tienen en su codigo fuente el mismo codigo que el archivo index.html.

¿Como puedo cargar a cada archivo su respectivo contenido?

Dev 200
  • 5.5k
  • 7
  • 47
  • 91