小编Ber*_*ast的帖子

我一直在制作 SPA NuxtJS 应用程序。我插入了适当的代码来设置所需的元标记，然后尝试在 LinkedIn 上共享链接，但它不会提供预览，并表示发生了错误。

我尝试通过LinkedIn的工具检查预览，但它返回404错误。如果我在浏览器中输入相同的 URL，页面就会正常打开。

是否可以为静态服务的 NuxtJS SPA 启用社交媒体预览，是否也可以为动态路由启用社交媒体预览？如果是，怎么办？

更新：我已经成功使用Nuxt SEO 包获得了一个简单的预览。但是，这始终在 LinkedIn 预览中显示默认图像和标题。

nuxt.config.js

modules: [
    ...,
    'nuxt-seo',
    ...
],
seo: {
    title: 'Default title',
    og: {
      image: <default image>
    }
},

组件中的异步数据：

asyncData: (ctx) => {
    ctx.seo({
      title: 'Custom title in component',
      og: {
        image: <link to alternate image>,
      },
    })
},

对于动态页面，我通过将请求指向index.html 来设法避免 404 错误，以便可以从那里找到它们。