HTML社交媒体元标记（OG，Twitter等）在Vue项目中不起作用

Question

我创建了我的个人网站，并使用了megatags.co生成的元标记，但它们似乎不起作用，甚至连我用于搜索引擎的最初标记都无效，搜索引擎似乎正在使用{{1 }}来自网站旧版本的元标记，现在我为description和open graph添加了新标记，它们仍然不起作用。

我使用了在线元标记检查工具，但它们均报告“未找到元标记”

这是我现在从Twitter获得的信息：

public/index.html

当我在线共享链接时，我希望看到带有图像和描述的网站预览。