我的網頁是用vue做的，meta使用js動態生成
因為要動態生成,所以我把生成meta放在呼叫api之後

      insertMetaTags() {
      // 创建 meta 标签
      const metaTags = [
        { property: 'og:title', content: '台灣即時活動' },
        { property: 'og:description', content: '探索全台灣盡在指尖盡興！ 歡迎來到我們的網站，這裡是您探索全台灣旅遊活動的終極目的地。 無論您是喜歡健行山林、探索古鎮、品嚐美食，還是享受海灘風光，我們都有您心儀的活動。 即時更新的活動訊息，讓您隨時掌握最新動態，輕鬆規劃行程。' },
        { property: 'og:image', content: 'https://twgather.techscomet.com/cc.jpg' },
        { property: 'og:url', content: process.env.VUE_APP_URL },
        { property: 'og:type', content: '台灣即時活動' }
      ];

      // 插入 meta 标签到头部
      metaTags.forEach(tag => {
        const metaTag = document.createElement('meta');
        metaTag.setAttribute('property', tag.property);
        metaTag.setAttribute('content', tag.content);
        document.head.appendChild(metaTag);
      });
    }

可是我用fb的分享偵錯工具來測試一直沒有抓取到我要的標題和圖片
我用chrome看我的網頁是有meta在上面的
請問為甚麼?