node.js - 样式表未加载到视图中

Question

我在公共目录的 css 文件夹中有一个 css 文件。

   app.set('view engine', 'ejs');
   app.use(express.static('public'));

我在 index.ejs 文件中调用 css 作为

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

但是没有加载样式。从检查元素，我在 url 中获取产品。

http://localhost:3000/products/css/style.css

标签： node.jsexpress

Answer 1

在不知道您的文件结构的情况下，我假设您的文件结构看起来像

• 上市
  • css
    • 样式.css

如果是这种情况，请将您的 href="/css/styles.css" 也设置为在您的 app.js 中包含以下内容：

var path=require('path');
app.use(express.static(path.join(__dirname +'/public'));

如果您没有包含您的 CSS 的公用文件夹，我建议您创建一个。我相信 express/ejs（其中之一）专门寻找 css 文件的公共文件夹。希望这可以帮助。