Question

我有一个Express.js项目，如下所示：

在 routes / index.js 中，我可以像这样显示我的html文件：

app.get('/', function(req, res) {
  res.sendFile(path.join(__dirname + '/../views/authentication.html'));
});

但显示的文件没有authentication.css中包含的样式。但是，authentication.css与authentication.html：

相关联

<head>
    <meta charset="utf-8">
    <link rel = "stylesheet" href = "authentication.css">
</head>

我尝试将.css移动到public / stylesheets文件夹，并将<link>标记更改为指向新位置但不起作用。

我应该怎样做才能将我的css文件应用到相应的html文件中？

Answer 1

所以我发现了一些解决方案，感谢这篇文章：https://stackoverflow.com/a/17911882/5016201。

我刚在app.js添加了这一行：

app.use(express.static(__dirname + 'views'));

它正确显示我的html + css文件，我不知道这是不是一个好习惯，但它对我正在做的事情已经足够了。

Answer 2

不确定这是否有效，但请尝试使用：=

<link rel="stylesheet" type="text/css" href="authentication.css">

尽量不使用空格。

你也可以先尝试去路线（基于上面的清单）

    <link rel="stylesheet" type="text/css" href="../views/authentication.css">

当它正在运行时，它可能正在使用JS作为默认目录，所以如果第一个答案不起作用则使用第二个

让我知道它是否有效：D