ExpressJS的资产

Question

ExpressJS noob在这里。如何将存储在 / public / images / 目录中的图像调用 /public/stylesheets/styles.css

以下似乎不起作用

.home-bg {
    background-image:url('../images/bg.jpg');
}

Answer 1

我猜你正在使用像这样的样本：

app.js

// config
app.configure(function() {
    //..

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

    //..
}

说明

  

express.static，负责提供静态资产和   argument是指静态资产所在的根目录   服务。

它不会引用您网页上的路径。指的是nodejs项目中的目录。所以我们添加__dirname，然后该文件夹相对于app.js

总结：

如果__dirname + '/public'成为http://www.example.com/ 然后/public/images变为http://www.example.com/images

• app.use参考
• express.static参考
• __dirname参考

所以CSS应该是：

.home-bg {
    background-image:url('/images/bg.jpg');
}

Answer 2

你只是在网址上缺少引号吗？可能是css错误？

.home-bg {
    background-image:url('../images/bg.jpg');
}

编辑：嘿，所以甚至格式化它很可爱。