升级依赖, 修复分享图片和二维码失效的问题

src/background.js

@@ -39,7 +39,7 @@ function createWindow () {
   // 修改request headers
   // Sec-Fetch下禁止修改，浏览器自动加上请求头 https://www.cnblogs.com/fulu/p/13879080.html 暂时先用index.html的meta referer policy替代
   const filter = {
-      urls: ['http://*/*', 'http://*/*']
+    urls: ['http://*/*', 'http://*/*']
   }
   win.webContents.session.webRequest.onBeforeSendHeaders(filter, (details, callback) => {
     const url = new URL(details.url)

src/components/Share.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="share" id="share" @click="shareClickEvent" v-clickoutside="shareClickEvent">
     <div class="left">
-      <img :src="pic" alt="" @load="picLoadEvent">
+      <img :src="share.info.pic" alt="" @load="picLoadEvent">
     </div>
     <div class="right" id="right">
       <div class="title">{{ share.info.name }}</div>
@@ -93,21 +93,20 @@ export default {
         }
       }
     },
-    async getDetail () {
+    async picLoadEvent () {
       this.loading = true
-      this.pic = this.share.info.pic
       const index = this.share.index || 0
       const url = await this.getUrl(this.share.info.dl, index)
       this.link = 'http://hunlongyu.gitee.io/zy-player-web?url=' + url + '&name=' + this.share.info.name
       this.loading = false
-    },
-    picLoadEvent () {
-      const dom = document.getElementById('share')
-      html2canvas(dom).then(res => {
-        const png = res.toDataURL('image/png')
-        const p = nativeImage.createFromDataURL(png)
-        clipboard.writeImage(p)
-        this.$message.success('已复制到剪贴板，快去分享吧~ 严禁传播违法资源!!!')
+      this.$nextTick(() => {
+        const dom = document.getElementById('share')
+        html2canvas(dom, { useCORS: true }).then(res => {
+          const png = res.toDataURL('image/png')
+          const p = nativeImage.createFromDataURL(png)
+          clipboard.writeImage(p)
+          this.$message.success('已复制到剪贴板，快去分享吧~ 严禁传播违法资源!!!')
+        })
       })
     }
   },