49

我的目录设置是这样的：

app.js
vews
  home.html
  css
    style.css

我的主文件是这样的：

<html>
<head>
  <title></title>
  <link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
<body>

</body>
</html>

我的应用是这样的：

var io   = require('socket.io'),
    url  = require('url'),
    sys  = require('sys'),
    express = require('express'),
    http=require('http');

var app = express();
var server = http.createServer(app);
var socket = io.listen(server);

app.engine('.html', require('ejs').__express);
app.set('views', __dirname + '/views');
app.set('view engine', 'html');

app.get('/', function(req, res){
    res.render('home');
});

app.listen(4000);
sys.puts('server running ' + 'now ' + Date.now());

问题是当我运行应用程序时，无法加载 css 文件。

4

3 回答 3

126

由于 .css 文件是静态文件，因此您必须将它们提供给客户端。但是，您不会将静态文件作为快速中间件提供。将以下中间件添加到您的 express 应用程序并移动css目录下的文件夹public（您应该创建一个public directory.

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

所以你的最终目录结构应该是这样的

app.js
views
  home.html
public
  css
    style.css

并且不要忘记 requirepath模块

 var path = require('path')
于 2012-11-15T11:10:33.357 回答
4

在我的一个应用程序中，我在这个文件结构中有这些相关文件：

/
index.js
  /public
    /stylesheets
      main.css
  /views
    /partials
      header.ejs

index.js包括app.use(express.static(path.join(__dirname, '/public'))); 注意/public. _

header.ejs 部分包含<link rel='stylesheet' type='text/css' href='/stylesheets/main.css' /> 注意缺少公共，它是由中间件暗示的。

在您的示例中，您当前的静态文件目录与您保存静态文件的位置不匹配。

于 2021-02-06T06:46:37.977 回答
-3

试试这个：

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

这可能会解决问题。

于 2012-11-15T11:07:38.163 回答