node.js - Node JS 不断收到无法加载资源错误消息

Question

我目前正在测试一个 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);
    });
});

Answer 1

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

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

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

您可以像这样指定您的静态 Assets 目录:

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

并像这样在您的 html 文件中引用您的文件:

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