在 node.js 上使用 holder.js 和 express web 框架确实有效答案

【问题标题】：Using holder.js on node.js with express web framework does work在 node.js 上使用 holder.js 和 express web 框架确实有效
【发布时间】：2014-08-07 23:55:29
【问题描述】：

我正在将 node.js 与 express web 框架和玉模板解析器一起使用。

我正在关注引导示例，但有 holder.js 的问题。

我已将 holder.js 脚本放入静态文件（公共目录）中，在 app.js 中有以下内容：

app.use(express.static(path.join(__dirname, 'public')));

我想在翡翠模板中显示一些带有以下代码的图像：

img(data-src='/holder.js/500x500/auto')

而且它不起作用。我通过浏览器检查，我能够正确看到 holder.js 文件，但是添加任何参数会导致显示主页。

我怀疑静态文件处理程序认为没有像 holder/500x500/auto 这样的文件并重定向到主页。我该如何解决？

【问题讨论】：

标签： node.js twitter-bootstrap express pug holder.js

【解决方案1】：

这是一个带有 Express 和 Jade 的 Runnable，带有几个 Holder 占位符：http://runnable.com/U6IlNqsTu-cR6ZT8/holder-js-in-express-using-jade-for-node-js-and-hello-world

这两个占位符使用不同的主题，其中一个使用 auto 标志。

server.js:

var express = require('express')
var app = express();
app.set('view engine', 'jade')

app.get('/', function(req, res){
  res.render('index')
  })

var server = app.listen(80, function(){})

views/index.jade:

doctype html
html
  body
    script(src='//cdnjs.cloudflare.com/ajax/libs/holder/2.3.1/holder.min.js')
    img(data-src='holder.js/200x200/lava/auto')
    img(data-src='holder.js/200x200/sky')

【讨论】：

谢谢。我忘了加载脚本： script(src='//cdnjs.cloudflare.com/ajax/libs/holder/2.3.1/holder.min.js') 我在想在 img data-src 中有正确的路径是够了。

【解决方案2】：

从data-src 属性中取出前导斜杠：holder.js/500x500/auto。

【讨论】：

感谢您的回复，尽管没有帮助。是否有任何文档或最佳实践如何将 holder.js 与 node.js 与 express 框架一起使用？
应该很简单。请检查我的其他答案。