Node JS不断收到无法加载资源错误消息答案

【问题标题】：Node JS keep getting Failed to load resource error messageNode JS不断收到无法加载资源错误消息
【发布时间】：2013-07-20 12:02:02
【问题描述】：

我目前正在测试一个 node.js 应用程序并尝试添加：

<link rel="stylesheet" href="assets/css/formalize.css" />
<script src="assets/js/jquery.formalize.js"></script>

到我的代码，但不断收到错误消息：

Failed to load resource: the server responded with a status of 404 (Not Found) 

http://localhost:3000/assets/css/formalize.css

Failed to load resource: the server responded with a status of 404 (Not Found) 

http://localhost:3000/assets/js/jquery.formalize.js

知道我哪里出错了吗？到目前为止，这是我的代码（在 app.js 中）

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

server.listen(3000);

app.get('/', function(req, res) {
    res.sendfile(__dirname + '/index.htm');
});

io.sockets.on('connection', function(socket) {
    socket.on('send message', function(data) {
        io.sockets.emit('new message', data);
    });
});

【问题讨论】：

标签： node.js

【解决方案1】：

您需要将 express.static 中间件添加到您的 app 并使其指向您的包含静态资产的目录。

例如，如果你的目录结构是这样设置的：

app.js
index.htm
  static
    assets
      js
        jquery.formalize.js
      css
        formalize.css

您可以像这样指定静态资产目录：

app.use(express.static(__dirname + '/static'));

并在您的 html 文件中引用您的文件，如下所示：

<link rel="stylesheet" href="/assets/css/formalize.css"/>
<script src="/assets/js/jquery.formalize.js"></script>

【讨论】：