Vue通过html2canvas实现页面生成图片

安装html2canvas

npm install --save html2canvas

在页面中引入

点击截图按钮后生成图片并下载到本地，但是打开图片之后发现，页面中原有的图片截图之后显示为空白：

image.png

原因是图片为跨域图片。

官方文档上有个配置项：

image.png

一放到服务器上面就好了，这样就不存在什么跨域问题了