CSS 不会与 HTML 和 Node 一起出现

Question

在 Node.js 中运行时，CSS 样式不会出现在我的 HTML 中。

目录：

Login_Page_V2.html
Login_Page_V1.js
公开
-css
-style.css

我的服务器代码：

var express = require('express');
var session = require('express-session');
var bodyParser = require('body-parser');
var path = require('path');

var app = express();

app.use(express.static(path.join(__dirname, 'public')));

app.get('/', function(request, response) {
    response.sendFile(path.join(__dirname + '/Login_Page_V2.html'));
});

HTML 代码：

    link rel="stylesheet" type="text/css" href="./public/css/styleProject.css"/

Answer 1

您需要在/public 提供您的静态中间件。

app.use('/public', express.static(path.join(__dirname, 'public')));

在不添加中间件路径的情况下，express 会在 public 目录中查找 /public/css/styleProject.css 的 uri（本质上是尝试引用位​​于 ${__dirname}/public/public/css/styleProject.css 的文件）。通过指定静态中间件的路径，您可以避免这种重复并提高性能，因为只会在文件系统上查找前缀为 /public/ 的 uri。