Javascript 不使用Jade渲染的图像
我有一个简单的web应用程序,其中包含代表主页的主js文件和Jade文件。JS文件如下所示:Javascript 不使用Jade渲染的图像,javascript,node.js,pug,Javascript,Node.js,Pug,我有一个简单的web应用程序,其中包含代表主页的主js文件和Jade文件。JS文件如下所示: var express=require('express'); var path=require('path'); var app=new express(); app.set('views',path.join('views'); 应用程序集(“查看引擎”、“翡翠”); app.get('/',函数(req,res){ res.render('字符'{ 实验:0, 所需经验:0, 硬币:0, 框架:
var express=require('express');
var path=require('path');
var app=new express();
app.set('views',path.join('views');
应用程序集(“查看引擎”、“翡翠”);
app.get('/',函数(req,res){
res.render('字符'{
实验:0,
所需经验:0,
硬币:0,
框架:[
“青铜_框架”,
“银框”,
“金色框架”,
"玉框",,
“导管架”,
“暴风雨框架”
],
徽章:[
“夜边徽章”,
“奥秘徽章”
]
});
});
app.listen(25555)
您应该告诉Express使用静态
中间件为您的静态内容(css、js、jpg…)提供服务:
更多信息请访问
另外,确保资产路径一致:是/assets
还是/assets
img(src="./assets/coin.png")
div.showcase
for frame in frames
img(src='/assets/#{frame}.png')
我认为您必须告诉Express使用静态中间件来服务您的静态资产:
app.use(Express.static('public')
where public是包含资产的目录:使用完整路径-path.join(\uu dirname')
Plus,检查路径。有时您使用/assets
,其他人使用/assets
@cl3m是的,我试图弄清楚路径应该是什么样子。例如,如果那些带有/assets
的出现了,我就知道其他的是错误的
img(src="./assets/coin.png")
div.showcase
for frame in frames
img(src='/assets/#{frame}.png')