Home / Questions / 59562
Accepted
Ibrahim Hernández Jorge
Asked: 2020-04-01 09:34:54 +0800 CST 2020-04-01 09:34:54 +0800 CST

Doesn't load CSS in NodeJS server

  • 772

I have the following basic server:

var express = require('express');
var app = express();

app.get('/', function(req, res){
  res.sendfile(__dirname + '/public/index.html');
  });
  
app.listen(8081);

In that index.html I have referenced some CSS that are in the same public folder. The route is correct, since if I open the html with the browser it comes out correctly, but if I enter through the server (that is, in localhost:8081) I get the plain html, without the CSS. What do I have to add in my NodeJS server?

I reference the CSS from the index.htmllike this:

<link rel="stylesheet" href="assets/css/main.css" />

javascript

1 Answers

  1. Best Answer

    Try the following code, basically you would be needing to tell the app where the static files are located (css, js, images, etc.)

    // Se cargan los modulos necesarios.
var express = require('express');
var path = require('path');

// Crea una Express app.
var app = express();

// obtiene la ruta del directorio publico donde se encuentran los elementos estaticos (css, js).
var publicPath = path.resolve(__dirname, 'public'); //path.join(__dirname, 'public'); también puede ser una opción

// Para que los archivos estaticos queden disponibles.
app.use(express.static(publicPath));

app.get('/', function(req, res){
  res.sendfile(__dirname + '/public/index.html');
  });

app.listen(8081);
    • 3