Я пытаюсь создать файл PDF, созданный на основе рендеринга экспресс-рулей. Однако некоторые файлы css не работают.
Bootstrap все еще работает нормально, но пользовательский css (я использую тему) не работает. Я пробовал конфигурацию phantomjs (--web-security = false,...), переключая каталог папки css с локального на сервер. Но ни один из них, кажется, не работает. Изображения работают нормально.
генерация html и создание pdf файлов
var config = {
format: "A4",
orientation: "landscape",
base: "http://127.0.0.1:3002/uploads/theme/",
timeout: 100000,
phantomArgs: ["--web-security=false","--local-to-remote-url-access=true"]
}
var html = await hbs.render('./views/pdf.handlebars', data)
await fs.writeFile("pdf.html", html, function(err) {
if(err) {
return console.log(err);
}
})
var fileName = uuid.v4()
await pdf.create(html, config).toFile(`./downloads/${fileName}.pdf`, function (err, res) {
if (err) return console.log(err);
response.send({ success: true, data: { downloadURL: fileName } })
включая css-файлы:
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/animate.min.css">
сервер, принимающий вызовы из файлов css:
Ожидаемые результаты:
Фактический результат:
Как видите, bootstrap и font-awesome работают нормально, но «style.css» не работает. Кто-нибудь знает об этой проблеме? Спасибо заранее!