fix: 修复HTTP环境下复制失败问题，添加降级复制方法

Author: Layau-code

web/src/composables/useCopy.js

@@ -0,0 +1,52 @@
+/**
+ * 复制到剪贴板工具函数
+ * 兼容 HTTP 和 HTTPS 环境
+ */
+export function copyToClipboard(text) {
+  return new Promise((resolve, reject) => {
+    // 方法1: 现代浏览器的 Clipboard API (需要 HTTPS)
+    if (navigator.clipboard && navigator.clipboard.writeText) {
+      navigator.clipboard.writeText(text)
+        .then(() => resolve())
+        .catch(() => {
+          // 降级到方法2
+          fallbackCopy(text, resolve, reject)
+        })
+    } else {
+      // 方法2: 传统方法 (兼容 HTTP)
+      fallbackCopy(text, resolve, reject)
+    }
+  })
+}
+
+/**
+ * 降级复制方法：使用 execCommand
+ * 兼容老版本浏览器和 HTTP 环境
+ */
+function fallbackCopy(text, resolve, reject) {
+  const textarea = document.createElement('textarea')
+  textarea.value = text
+  textarea.style.position = 'fixed'
+  textarea.style.top = '0'
+  textarea.style.left = '0'
+  textarea.style.opacity = '0'
+  textarea.style.pointerEvents = 'none'
+  
+  document.body.appendChild(textarea)
+  textarea.focus()
+  textarea.select()
+  
+  try {
+    const successful = document.execCommand('copy')
+    document.body.removeChild(textarea)
+    
+    if (successful) {
+      resolve()
+    } else {
+      reject(new Error('复制命令执行失败'))
+    }
+  } catch (err) {
+    document.body.removeChild(textarea)
+    reject(err)
+  }
+}

web/src/pages/DashboardPage.vue

@@ -209,6 +209,7 @@ import { ref, computed, onMounted, watch, defineAsyncComponent } from 'vue'
 import { useI18n } from 'vue-i18n'
 import axios from 'axios'
 import { API_BASE, SHORT_BASE } from '../composables/shortBase'
+import { copyToClipboard } from '../composables/useCopy'
 
 const TrendChart = defineAsyncComponent(() => import('../components/TrendChart.vue'))
 const PieDonut = defineAsyncComponent(() => import('../components/charts/PieDonut.vue'))
@@ -273,9 +274,14 @@ function getSharePercent(url) {
   return totalClicks.value > 0 ? (Number(url.totalVisits || 0) / totalClicks.value * 100) : 0
 }
 
-function copyUrl(shortCode) {
+async function copyUrl(shortCode) {
   const url = `${SHORT_BASE}/${shortCode}`
-  try { navigator.clipboard.writeText(url) } catch {}
+  try {
+    await copyToClipboard(url)
+    // 可以添加提示，但需要状态管理
+  } catch (e) {
+    console.error('复制失败:', e)
+  }
 }
 
 // API调用

web/src/pages/StatsPage.vue

@@ -317,6 +317,7 @@ import { ref, computed, onMounted, defineAsyncComponent, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { useRoute, useRouter } from 'vue-router'
 import { SHORT_BASE, API_BASE } from '../composables/shortBase'
+import { copyToClipboard } from '../composables/useCopy'
 import axios from 'axios'
 
 const TrendChart = defineAsyncComponent(() => import('../components/TrendChart.vue'))
@@ -380,8 +381,12 @@ function getPercent(value, total) {
   return total > 0 ? Math.round(value / total * 100) : 0
 }
 
-function copy(text) {
-  try { navigator.clipboard.writeText(text) } catch {}
+async function copy(text) {
+  try {
+    await copyToClipboard(text)
+  } catch (e) {
+    console.error('复制失败:', e)
+  }
 }
 
 // API调用