javascript - 如何使用 node.js 中的 express 框架提供图像文件？

Question

在我的应用程序中，我使用 express 框架来提供客户端文件。但是在为 html 元素提供背景图像时。它的显示无法加载给定的 url。

var express = require('express')
    , http  = require('http');

var app = express();
app.configure(function(){
    app.use(express.static(__dirname + '/public'));
});
var server = http.createServer(app);
var io = require('socket.io').listen(server);
server.listen(8000);

在公共文件夹中，我创建了 javascripts、stylesheets、images 文件夹。现在我正在获取 javascripts 和 stylesheets。但我不知道如何访问图像文件。

.logo {
    background:url('localhost:8080\logo.jpg');//This image url not loading
    float:left;
    width:20px
    height:20px;
}

Answer 1

如果你的文件目录像

/public
    /stylesheets
    /javascripts
    /images
        /logo.jpg

然后您的公共访问从/public目录开始。这意味着为了访问图像，地址将是localhost:8080/images/logo.jpg.

总之，你有两个问题。

1. 在 URL 中使用正斜杠 ( /)，而不是反斜杠 ( )\
2. 您错过了image在地址中包含目录

Answer 2

You are also listening on port 8000, but the image you are referencing has port 8080.