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?