chore: 修改预览地址

package-lock.json

@@ -26,6 +26,7 @@
         "filesize": "^10.0.7",
         "html-to-image": "^1.11.11",
         "html2pdf.js": "^0.10.1",
+        "js-base64": "^3.7.7",
         "lodash-es": "^4.17.21",
         "pinia": "^2.1.7",
         "print-js": "^1.6.0",
@@ -2512,6 +2513,11 @@
         "ms": "2.0.0"
       }
     },
+    "node_modules/ali-oss/node_modules/js-base64": {
+      "version": "2.6.4",
+      "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.6.4.tgz",
+      "integrity": "sha512-pZe//GGmwJndub7ZghVHz7vjb2LgC1m8B07Au3eYqeqv9emhESByMXxaEgkUkEqJe87oBbSniGYoQNIBklc7IQ=="
+    },
     "node_modules/ali-oss/node_modules/ms": {
       "version": "2.0.0",
       "resolved": "https://registry.npmmirror.com/ms/-/ms-2.0.0.tgz",
@@ -4416,9 +4422,9 @@
       }
     },
     "node_modules/js-base64": {
-      "version": "2.6.4",
-      "resolved": "https://registry.npmmirror.com/js-base64/-/js-base64-2.6.4.tgz",
-      "integrity": "sha512-pZe//GGmwJndub7ZghVHz7vjb2LgC1m8B07Au3eYqeqv9emhESByMXxaEgkUkEqJe87oBbSniGYoQNIBklc7IQ=="
+      "version": "3.7.7",
+      "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-3.7.7.tgz",
+      "integrity": "sha512-7rCnleh0z2CkXhH67J8K1Ytz0b2Y+yxTPL+/KOJoa20hfnVQ/3/T6W/KflYI4bRHRagNeXeU2bkNGI3v1oS/lw=="
     },
     "node_modules/js-tokens": {
       "version": "4.0.0",
@@ -8629,6 +8635,11 @@
             "ms": "2.0.0"
           }
         },
+        "js-base64": {
+          "version": "2.6.4",
+          "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-2.6.4.tgz",
+          "integrity": "sha512-pZe//GGmwJndub7ZghVHz7vjb2LgC1m8B07Au3eYqeqv9emhESByMXxaEgkUkEqJe87oBbSniGYoQNIBklc7IQ=="
+        },
         "ms": {
           "version": "2.0.0",
           "resolved": "https://registry.npmmirror.com/ms/-/ms-2.0.0.tgz",
@@ -10148,9 +10159,9 @@
       "peer": true
     },
     "js-base64": {
-      "version": "2.6.4",
-      "resolved": "https://registry.npmmirror.com/js-base64/-/js-base64-2.6.4.tgz",
-      "integrity": "sha512-pZe//GGmwJndub7ZghVHz7vjb2LgC1m8B07Au3eYqeqv9emhESByMXxaEgkUkEqJe87oBbSniGYoQNIBklc7IQ=="
+      "version": "3.7.7",
+      "resolved": "https://registry.npmjs.org/js-base64/-/js-base64-3.7.7.tgz",
+      "integrity": "sha512-7rCnleh0z2CkXhH67J8K1Ytz0b2Y+yxTPL+/KOJoa20hfnVQ/3/T6W/KflYI4bRHRagNeXeU2bkNGI3v1oS/lw=="
     },
     "js-tokens": {
       "version": "4.0.0",

package.json

@@ -32,6 +32,7 @@
     "filesize": "^10.0.7",
     "html-to-image": "^1.11.11",
     "html2pdf.js": "^0.10.1",
+    "js-base64": "^3.7.7",
     "lodash-es": "^4.17.21",
     "pinia": "^2.1.7",
     "print-js": "^1.6.0",

src/components/Preview.vue

 <script setup lang="ts">
+import { getOnlinePreviewUrl } from '@/utils/onlinePreview'
 interface Props {
   url: string
 }
@@ -9,9 +10,8 @@ const fileExtensionName = $computed(() => {
 })
 // office文件
 const officeUrl = $computed(() => {
-  return ['pptx', 'doc', 'docx', 'xls', 'xlsx'].includes(fileExtensionName)
-    ? `https://view.officeapps.live.com/op/view.aspx?src=${props.url}`
-    : ''
+  return ['pptx', 'doc', 'docx', 'xls', 'xlsx'].includes(fileExtensionName) ? getOnlinePreviewUrl(props.url) : ''
+  // return ['pptx', 'doc', 'docx', 'xls', 'xlsx'].includes(fileExtensionName) ? `https://view.officeapps.live.com/op/view.aspx?src=${props.url}` : ''
 })
 </script>
 

src/utils/onlinePreview.ts

+import { Base64 } from 'js-base64'
+
+export function getOnlinePreviewUrl(url: string) {
+  return 'http://172.16.3.203:8012/onlinePreview?url=' + encodeURIComponent(Base64.encode(url))
+}