EJS无法在静态公共文件夹中找到图像

Question

我正在尝试使用 EJS 将 html 模板渲染为 PDF，但是图像没有出现。 我的项目结构：

 - public
   - images
       image.jpg
 - routes
     documentsRoute.js
 - services
     documentsService.js
 - views
     document-template.ejs
 server.js

我将公共文件夹设置为 server.js 中的静态文件夹，如下所示：

...
const app = express()
app.use(express.static('public'))
...

在我的模板文件中，我使用它作为图像的 src，

<img src="images/image.jpg" alt="my_image">

我从文档服务渲染文件，如下所示：

ejs.renderFile('views/document-template.ejs', inputs, (err, data) => {
            if (err){
                throw err;
            }

            let options = {
                "format": "A4",
                "header": {
                    "height": "20mm"
                },
                "footer": {
                    "height": "20mm"
                }
            };

            pdf.create(data, options).toFile('test.pdf', (err, res) => {
                if(err){
                    throw err;
                }
            });
        })

模板的其余部分已正确呈现，只是图像没有，而是显示替代文本。有谁知道我该如何解决这个问题？

Answer 1

您需要在服务器文件中正确设置视图目录。
因此，而不是 app.use(express.static('public'))
尝试

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

Answer 2

这是 pdf 的路径有问题。尝试使用绝对路径

在 pdf 选项的 base 属性中添加完整路径：

let options = {
    "format": "A4",
    //...
    base: `${req.protocol}://${req.headers.host}`
};