Skip to main content
4 de 4
se añadieron 113 caracteres en el cuerpo; título editado
Dev 200
  • 5.5k
  • 7
  • 47
  • 91

¿Como crear un servidor básico, servirle CSS y JavaScript en 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 = request.url;
    if (filePath == '/') {
        filePath = __dirname+'/index.html';
    }
    fileExtension= path.extname(filePath);

        fs.readFile(filePath,{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 código JavaScript y la hoja de estilo CSS que tiene incluidas (servir).

Cuando pongo en marcha el servidor aparece bien el index.html, pero los archivos JavaScript y CSS cuando lo reviso por consola, tienen en su código fuente el mismo código que el archivo index.html.

¿Como puedo cargar a cada archivo su respectivo contenido?, es decir: ¿Como puedo poner en marcha el servidor y servile CSS y JavaScript?

Dev 200
  • 5.5k
  • 7
  • 47
  • 91