From 046b0ef67499ab6bfdb8d31227ee806e1ce57f50 Mon Sep 17 00:00:00 2001
From: estel <690930@qq.com>
Date: Sat, 9 Aug 2025 13:37:57 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E7=9B=91=E5=90=ACURL?=
 =?UTF-8?q?=E5=8F=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/shared/wxShare.vue | 14 +++++++++++++-
 app/pages/blog/[...slug].vue      |  2 +-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/app/components/shared/wxShare.vue b/app/components/shared/wxShare.vue
index 5c139d6..9e4daa4 100644
--- a/app/components/shared/wxShare.vue
+++ b/app/components/shared/wxShare.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { onMounted } from 'vue'
+import { onMounted, watch } from 'vue'
 
 const props = defineProps<{
   url: string
@@ -22,6 +22,18 @@ onMounted(async () => {
   }
 })
 
+// 路径变化时，重新获取签名并刷新分享数据（适配 SPA 场景）
+watch(() => props.url, async (newUrl, oldUrl) => {
+  if (!newUrl || newUrl === oldUrl) return
+  try {
+    await loadWxSdk()
+    const { appId, timestamp, nonceStr, signature } = await getWxConfig()
+    setupShare(appId, timestamp, nonceStr, signature)
+  } catch (err) {
+    console.error('[WxShare] reconfig error:', err)
+  }
+})
+
 function loadWxSdk(): Promise<void> {
   console.log('loadWxSdk')
   if (typeof window === 'undefined') return Promise.resolve()
diff --git a/app/pages/blog/[...slug].vue b/app/pages/blog/[...slug].vue
index e319d3b..190472c 100644
--- a/app/pages/blog/[...slug].vue
+++ b/app/pages/blog/[...slug].vue
@@ -103,7 +103,7 @@ const links = computed(() => {
 const wxShareActive = ref(false)
 // const contentRoot = ref<HTMLElement | null>(null)
 
-const shareLink = 'https://lijue.me' + decodeURIComponent(path.value)
+const shareLink = computed(() => 'https://lijue.me' + decodeURIComponent(path.value))
 const shareTitle = computed(() => title)
 const shareDesc = computed(() => description || title)
 const shareImg = page?.value?.img