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
?