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: {