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

¿Como servircrear un servidor básico, servirle CSS y JS a un archivo HTMLJavaScript en nodeJS?

Quisiera que se cargara el HTMLHTML y a la vez el codigo javscriptcódigo JavaScript y la hoja de estilo cssCSS que tiene incluidas (servir).

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

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

¿Como servir CSS y JS a un archivo HTML en nodeJS?

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?

¿Como crear un servidor básico, servirle CSS y JavaScript en nodeJS?

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?

título editado
Enlace
Dev 200
  • 5.5k
  • 7
  • 47
  • 91

¿Por que al ¿Como servir CSS y Javascript su contenido es igual alJS a un archivo index.html usando NodeJsHTML en nodeJS?

se añadieron 88 caracteres en el cuerpo
Origen Enlace
Dev 200
  • 5.5k
  • 7
  • 47
  • 91
const http = require("http");
const fs = require("fs");
const path = require("path");

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

           let filePath = pathrequest.joinurl;
    if (__dirnamefilePath == '/'); {
        filePath = __dirname+'/index.html';
    }
  console  fileExtension= path.logextname(filePath); 

        fs.readFile('index.html'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);
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);
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);
Origen Enlace
Dev 200
  • 5.5k
  • 7
  • 47
  • 91
Loading