首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >ExpressJS的资产

ExpressJS的资产
EN

Stack Overflow用户
提问于 2014-10-15 01:17:24
回答 2查看 250关注 0票数 0

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

以下内容似乎不起作用

代码语言:javascript
运行
复制
.home-bg {
    background-image:url('../images/bg.jpg');
}
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-10-15 15:37:09

我想你用的是像这个样例一样的快递:

app.js

代码语言:javascript
运行
复制
// config
app.configure(function() {
    //..

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

    //..
}

解释

express.static负责为静态资产提供服务,该参数引用要为静态资产提供服务的根目录。

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

总结如下:

如果__dirname + '/public'出现在http://www.example.com/中,那么/public/images就变成http://www.example.com/images

  • app.use参考
  • express.static参考
  • 脏名参考

因此,CSS应该是:

代码语言:javascript
运行
复制
.home-bg {
    background-image:url('/images/bg.jpg');
}
票数 1
EN

Stack Overflow用户

发布于 2014-10-15 01:19:16

您是否只是在您的url上缺少引号?,可能是css错误?

代码语言:javascript
运行
复制
.home-bg {
    background-image:url('../images/bg.jpg');
}

编辑:呵呵,所以连格式都很可爱。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26372951

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档