视图中未加载样式表

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" />

但是样式尚未加载。从inspect元素中，我正在URL中获取产品。

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

Answer 1

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

• 公共
  • css
    • styles.css的

如果是这种情况，让您的href = “/ CSS / Styles.css中” 另外，在您的app.js中包括以下内容：

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

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