From 91107e2f853d8479b9a106efeada48b0180dab69 Mon Sep 17 00:00:00 2001
From: Phoenix <64720302+Concur-max@users.noreply.github.com>
Date: Wed, 21 May 2025 13:27:33 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96OnlyOffice=E6=96=87=E6=A1=A3?=
 =?UTF-8?q?=E5=8A=A0=E8=BD=BD=E9=80=BB=E8=BE=91=EF=BC=8C=E7=A7=BB=E9=99=A4?=
 =?UTF-8?q?=E9=87=8D=E5=A4=8D=E8=84=9A=E6=9C=AC=E5=8A=A0=E8=BD=BD=E6=A3=80?=
 =?UTF-8?q?=E6=9F=A5=EF=BC=8C=E6=96=B0=E5=A2=9E=E8=8E=B7=E5=8F=96URL?=
 =?UTF-8?q?=E5=8F=82=E6=95=B0=E7=9A=84=E5=8A=9F=E8=83=BD=EF=BC=8C=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4=E6=96=87=E6=A1=A3ID=E7=94=9F=E6=88=90=E6=96=B9?=
 =?UTF-8?q?=E5=BC=8F=EF=BC=8C=E7=A1=AE=E4=BF=9D=E7=94=A8=E6=88=B7ID?=
 =?UTF-8?q?=E5=94=AF=E4=B8=80=E6=80=A7=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/office/index.vue | 33 ++++++++++++++++-----------------
 1 file changed, 16 insertions(+), 17 deletions(-)

diff --git a/src/views/office/index.vue b/src/views/office/index.vue
index 0915e0b..eead7bc 100644
--- a/src/views/office/index.vue
+++ b/src/views/office/index.vue
@@ -3,18 +3,13 @@
 </template>
 
 <script setup>
-import { onMounted } from 'vue'
-import { useRoute } from 'vue-router'
+import { ref, onMounted } from 'vue'
 
-const route = useRoute()
+const placeholderRef = ref(null)
 
-// 动态加载 OnlyOffice API 脚本（防止重复加载）
+// 动态加载 OnlyOffice API 脚本
 function loadScript(src) {
   return new Promise((resolve, reject) => {
-    if (document.querySelector(`script[src="${src}"]`)) {
-      resolve()
-      return
-    }
     const script = document.createElement('script')
     script.type = 'text/javascript'
     script.src = src
@@ -24,6 +19,14 @@ function loadScript(src) {
   })
 }
 
+// 获取 URL 参数
+function getUrlParameter(name) {
+  name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]')
+  const regex = new RegExp('[\\?&]' + name + '=([^&#]*)')
+  const results = regex.exec(window.location.search)
+  return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' '))
+}
+
 // 判断文件类型
 function getDocumentTypes(url) {
   const extension = url.split('.').pop().toLowerCase()
@@ -39,20 +42,16 @@ function getDocumentTypes(url) {
   return types[extension] || { fileType: 'docx', documentType: 'word' }
 }
 
-// 动态插入 CSP meta
-function insertCSPMeta() {
+onMounted(async () => {
+  // 动态插入 Content-Security-Policy meta 标签，只在本页面生效
   if (!document.querySelector('meta[http-equiv="Content-Security-Policy"]')) {
     const meta = document.createElement('meta')
     meta.httpEquiv = 'Content-Security-Policy'
     meta.content = 'upgrade-insecure-requests'
     document.head.appendChild(meta)
   }
-}
-
-onMounted(async () => {
-  insertCSPMeta()
   await loadScript('https://onlyoffice.fontree.cn/web-apps/apps/api/documents/api.js')
-  const url = route.query.url
+  const url = getUrlParameter('url')
   if (!url) {
     alert('请提供文档 URL 参数')
     return
@@ -63,7 +62,7 @@ onMounted(async () => {
   new window.DocsAPI.DocEditor('office-div', {
     document: {
       fileType,
-      key: `doc_${fileName}_${Date.now()}`,
+      key: 'doc_' + Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15),
       title: fileName,
       url
     },
@@ -72,7 +71,7 @@ onMounted(async () => {
       mode: 'view',
       lang: 'zh-CN',
       user: {
-        id: 'user_' + Date.now(),
+        id: 'user_' + new Date().getTime(),
         name: '访客用户'
       },
       customization: {