优化分享时头像不显示，是由于图片跨域

dist/index.html

@@ -38,8 +38,8 @@
     <script type="module" crossorigin src="./assets/index.c92c4985.js"></script>
     <link rel="modulepreload" href="./assets/vendor.f57b7239.js">
     <link rel="modulepreload" href="./assets/index.dc296288.js">
-    <link rel="stylesheet" href="./assets/vendor.0f0cf986.css">
     <link rel="stylesheet" href="./assets/index.8a670858.css">
+    <link rel="stylesheet" href="./assets/vendor.0f0cf986.css">
     <link rel="stylesheet" href="./assets/index.5062a520.css">
     <script type="module">!function(){try{new Function("m","return import(m)")}catch(o){console.warn("vite: loading legacy build because dynamic import is unsupported, syntax error above should be ignored");var e=document.getElementById("vite-legacy-polyfill"),n=document.createElement("script");n.src=e.src,n.onload=function(){System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))},document.body.appendChild(n)}}();</script>
   </head>
@@ -49,7 +49,7 @@
     
     <!-- <script type="module" src="/src/teacher/main.ts"></script> -->
     <script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script>
-    <script nomodule id="vite-legacy-polyfill" src="./assets/polyfills-legacy.c577a8fb.js"></script>
+    <script nomodule id="vite-legacy-polyfill" src="./assets/polyfills-legacy.70f3cb9f.js"></script>
     <script nomodule id="vite-legacy-entry" data-src="./assets/index-legacy.6e602fa1.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
   </body>
 </html>

dist/teacher.html

@@ -35,11 +35,11 @@
     <meta name="msapplication-tap-highlight" content="no" />
     <title>酷乐秀</title>
     <script src="./flexible.js" charset="UTF-8"></script>
-    <script type="module" crossorigin src="./assets/teacher.607375b5.js"></script>
+    <script type="module" crossorigin src="./assets/teacher.efe95f6e.js"></script>
     <link rel="modulepreload" href="./assets/vendor.f57b7239.js">
     <link rel="modulepreload" href="./assets/index.dc296288.js">
-    <link rel="stylesheet" href="./assets/index.8a670858.css">
     <link rel="stylesheet" href="./assets/vendor.0f0cf986.css">
+    <link rel="stylesheet" href="./assets/index.8a670858.css">
     <link rel="stylesheet" href="./assets/index.5062a520.css">
     <script type="module">!function(){try{new Function("m","return import(m)")}catch(o){console.warn("vite: loading legacy build because dynamic import is unsupported, syntax error above should be ignored");var e=document.getElementById("vite-legacy-polyfill"),n=document.createElement("script");n.src=e.src,n.onload=function(){System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))},document.body.appendChild(n)}}();</script>
   </head>
@@ -48,7 +48,7 @@
     <div id="app"></div>
     
     <script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script>
-    <script nomodule id="vite-legacy-polyfill" src="./assets/polyfills-legacy.c577a8fb.js"></script>
-    <script nomodule id="vite-legacy-entry" data-src="./assets/teacher-legacy.3dde9c41.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
+    <script nomodule id="vite-legacy-polyfill" src="./assets/polyfills-legacy.70f3cb9f.js"></script>
+    <script nomodule id="vite-legacy-entry" data-src="./assets/teacher-legacy.0c20d961.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script>
   </body>
 </html>

src/teacher/piano-room/model/share/index.tsx

@@ -24,15 +24,18 @@ export default defineComponent({
     }
   },
   mounted() {
+    console.log(state)
     this.qrCode =
       location.origin + '/student/#/inviteTeacher?id=' + this.teacherId
 
     this.$nextTick(async () => {
       const container: any = document.getElementById('share-preview-container')
-      html2canvas(container).then(canvas => {
-        let url = canvas.toDataURL('image/png')
-        this.image = url
-      })
+      html2canvas(container, { allowTaint: true, useCORS: true }).then(
+        canvas => {
+          let url = canvas.toDataURL('image/png')
+          this.image = url
+        }
+      )
 
       // let image = await toPng(container)
       // image = await toPng(container)