无法获取CSS文件

我的目录设置是这样的:

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文件无法加载。

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

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

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

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

并且不要忘记需要path模块

  var path = require('path') 

尝试这个:

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

这可能会解决问题。