这几天遇到一个需求

 

　　需求背景就是这样的：我们有个功能叫做合同预览（由后端返回一堆json前端渲染显示），现在想把最后的样子变成pdf，但是把这个json数据需要根据具体业务需求去计算。

 

　　我想的是如何再不动现在业务代码上去实现pdf显示，直接把现在的html渲染后的合同html内容直接生成的pdf，作为一个资深搜索引擎引擎开发工程师打开我熟悉的搜索引擎开始搜索 【html转pdf】

 

　　一开始搜索到的是

 

　　下载链接  直接下载对应操作系统的版本

 

　　打开

 

　　看完，感觉稳一半了！

 

　　but

 

　　but

 

　　but

 

　　but

 

　　我们的前端是vue构造的 url大概是这样的

 

　　这个链接之前很早自己做的项目 暂时拿来凑个数

 

　　他实际是这个样子

 

　　转成pdf是个样子！

 

　　后来我大概稍微看了下vue-router的原理

 

　　vue-router 是直接找到与地址匹配的一个组件或对象并将其渲染出来，在地址中加入#以欺骗浏览器，地址的改变是由于正在进行页内导航。

 

　　简单就说 就是入口页面 -> 根据#后的路由 -> 再执行路由的js渲染页面

 

　　也就是入口页面的样式就是一个啥也没有的东西

 

　　所以为什么用是一片空白，本质类似对应的页面内容根据代码转化成，缺少了执行js的过程。