使用wkhtmltopdf 将vue项目网页 转化为 pdf，打印出来是空白，怎么解决这个问题？

Question

问题描述

使用wkhtmltopdf 将vue项目网页 转化为 pdf，打印出来是空白，怎么解决这个问题？

问题出现的环境背景及自己尝试过哪些方法

vue 2.6.10
试过--javascript-delay 、 打包之后在转化 、引入的js路径改为绝对路径 没有起作用

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

<template>
  <div id="app">
    hhh
    ///<router-view />
  </div>
</template>

<script>
export default {
  name: 'App',
}
</script>

你期待的结果是什么？实际看到的错误信息又是什么？

怎样才能把文字打印出来 而不是空白页

Answer 1

那是因为wkhtmltopdf运行的环境（也就是js的宿主环境，不是浏览器），类似在小程序或者cmd里面运行指令一样，不是浏览器的宿主环境。当然没发页面了。
如果确实有需要的话，可以考虑下服务器端渲染。反正你只是打印页面，这样的话网站返回的就是直接渲染好的dom(和我们访问普通的静态网站一样）。
https://ssr.vuejs.org/zh/guide/

Answer 2

是因为header中的样式太多 影响了wkhtmltopdf的转化
目前已经另外用php单独写一个页面 用于转化

Answer 3

老兄，想问下怎么转的，我转的vue页面都是空白页面，有加载js，和css，但是js没执行，这个需要怎么设置