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

不在 NodeJS 服务器中加载 CSS

  • 772

我有以下基本服务器：

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

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

在那个 index.html 中，我引用了一些位于同一个公用文件夹中的 CSS。路线是正确的，因为如果我用浏览器打开 html，它会正确显示，但是如果我通过服务器输入（即在 localhost:8081 中），我会得到没有 CSS 的纯 html。我必须在我的 NodeJS 服务器中添加什么？

我像这样引用CSS index.html：

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

javascript

1 Answers

  1. Best Answer

    试试下面的代码，基本上你需要告诉应用程序静态文件的位置（css、js、图像等）

    // 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