如何使用节点、表达式和ejs包括CSS文件？

如何使用节点、表达式和ejs包括CSS文件？
内容来源于 Stack Overflow，并遵循CC BY-SA 3.0许可协议进行翻译与使用

我正试着按照指示https：//stackoverflow.com/a/18633827/2063561，但我仍然无法加载我的样式。

来自app.js

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

在我的.ejs中，我已经尝试过这两行

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

这两个文件都没有加载CSS。我进入了开发人员的控制台，注意到类型设置为“text/html”，而不是“text/css”。

我的路径看上去就像

.
./app.js
./public
    /css
        /style.css

提问于 2018-03-062018-03-06 07:54:53

用户回答回答于 2018-03-062018-03-06 16:36:35

在server.js文件中使用这个

app.use(express.static(__dirname + '/public'));

并添加CSS，如

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

不需要/在CSS之前

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

用户回答回答于 2018-03-062018-03-06 17:05:11

在server.js文件中使用这个

app.use(express.static('public'));

没有目录(__)，然后在项目文件夹中创建一个新文件并将其命名为public，然后将所有静态文件放入其中

云服务器限时特惠 1核2G首年99元起

精选中小企业最主流配置，适用于web应用场景、小程序及简单移动App，所有机型免费分配公网IP和50G高性能云硬盘（系统盘）。