如何在 express 项目中将 css 链接到 html？

Posted 2023-03-07

技术标签:

【中文标题】如何在 express 项目中将 css 链接到 html？【英文标题】：How to link css to html in an express project? 【发布时间】：2016-10-03 07:13:14 【问题描述】：

我有一个 Express.js 项目，看起来像这样：

公开图片 javascripts 样式表路线 index.js 查看次数 authentication.html authentication.css

在 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 文件？

【问题讨论】：

【参考方案1】：

感谢这篇文章，我找到了某种解决方案：https://***.com/a/17911882/5016201。

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

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

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

【讨论】：

【参考方案2】：

不确定这是否可行，但请尝试使用：=

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

尽量不要使用空格。

你也可以先尝试去路线（根据上面的列表）

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

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

让我知道它是否有效：D

【讨论】：

以上是关于如何在 express 项目中将 css 链接到 html？的主要内容，如果未能解决你的问题，请参考以下文章