在我的目录中,我创建了一个公共文件夹,其中放置了另一个名为css的文件夹,该文件夹位于styles.css。在我的目录中名为views的另一个文件夹中,我放置了我的ejs文件,我想用它链接样式.css如下所示:<link rel="stylesheet" type="css/text" href="css/styles.css">
但是,这不起作用。 我什至没有在浏览器控制台中收到错误。
如果您使用的是 npm 和 Express,我们需要为静态内容(如您的 css 文件(设置一个公共文件夹:
1(在你的根文件夹中,创建一个名为"public"的文件夹,然后在里面创建一个名为"css"的文件夹,并将你的styles.ccs文件放在那里。
2(在你的JS应用程序文件中(例如:.app.js(,我们需要这样的东西:
//jshint esversion:6
const express = require('express');
const ejs = require("ejs");
const app = express();
app.set('view engine', 'ejs');
app.use(express.static("public"));
app.get('/', (req, res) => {
res.render('index', { foo: 'FOO' });
});
3(在你的根文件夹中,创建一个名为"views"的文件夹,并在里面放置你想要渲染的EJS文件(例如index.ejs(,像这样建立链接:<link rel="stylesheet" href="/css/styles.css">
:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="/css/styles.css">
<title>Document</title>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>
在这种情况下,您应该能够看到在主路由"/"中应用的 css 代码,呈现 index.ejs 文件。希望对您有所帮助!