图像无法使用Jade渲染

Question

我有一个简单的Web应用程序，包含主要的js文件和代表主页面的Jade文件。 JS文件看起来像这样：

＆＃13;

＆＃13;

R version 3.3.3 (2017-03-06) -- "Another Canoe" Platform: x86_64-pc-linux-gnu (64-bit)

＆＃13;

＆＃13;

＆＃13;

Jade文件是这样的：

＆＃13;

＆＃13;

var express = require('express');
var path = require('path');

var app = new express();

app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');

app.get('/', function (req, res) {
    res.render('character', {
        exp : 0,
        requiredExp : 0,
        coins : 0,
        frames : [
            'bronze_frame',
            'silver_frame',
            'golden_frame',
            'jade_frame',
            'conduit_frame',
            'tempest_frame'
        ],
        badges : [
            'night_edge_badge',
            'arcanum_badge'
        ]
    });
});

app.listen(25555);

＆＃13;

＆＃13;

＆＃13;

当我运行JS文件并尝试连接到它时，我得到了这个：

玉石文件位于＆＃34;视图＆＃34;文件夹，＆＃34;资产＆＃34;文件夹也在＆＃34; view＆＃34;夹。 那么为什么没有画出图像呢？我需要一个解释，如果可能的话，还需要解决问题。

Answer 1

你应该告诉Express使用static中间件来提供你的静态内容（css，js，jpg ......）：

var express = require('express');
var path = require('path');

var app = new express();
app.use(express.static(path.join(__dirname, 'views')));

express documentation中的更多信息。

另外，请确保您的资产路径一致：是./assets还是/assets？

img(src="./assets/coin.png")
div.showcase
    for frame in frames
        img(src='/assets/#{frame}.png')