在express.js上使用holder.js与express web框架一起工作

我使用快速Web框架和玉模板分析器使用node.js。

我遵循引导示例，并与holder.js有问题。

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

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

我想用以下代码在玉石模板中显示一些图像：

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

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

我怀疑静态文件处理程序认为没有持有人/ 500×500 /汽车这样的文件，并redirect到主页面。 我该如何解决这个问题？

Answer 1

这里有一个Runnable与快递和玉与几个持有人的占位符： 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') 

Answer 2

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