无法获取CSS文件

  • Z时代
  • 2024-01-10
  • 分类：问答

我的目录设置如下：

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文件是静态文件，因此您必须将它们提供给客户端。但是，您不能将静态文件用作快速中间件。将以下中间件添加到您的express应用中，然后将css文件夹移动到目录下public（您应该创建一个public

directory）

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

因此您的最终目录结构应如下所示

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

并且不要忘记需要path模块

 var path = require('path')

以上是 无法获取CSS文件 的全部内容， 来源链接： utcz.com/qa/401639.html

回到顶部