小编use*_*574的帖子

Nuxt.js 的动态元

任何人都可以帮助解决有关带有动态数据的元信息的情况。

问题

我们正在使用 Nuxt 并使用 npm run generate 生成我们的静态页面,并且已经确定了这种方法的几个问题:

  • open graph和twitter meta标签不能动态更新,因为爬虫不运行JS

  • 构建过程中的详细信息页面仅生成一次,因此在用户使用 URL 参数导航到该页面之前没有任何相关数据(例如
    example.com/cars/details?make=Audi&model=A6&carID=133852),然后提供 AJAX GET 数据请求

期望的结果

每个汽车详细信息页面都独一无二的打开图表、推特和其他元标签。

是否可以仅通过生成的静态实现预期的结果?如果不是,SSR 或服务器端生成的元内容的过程会是什么样子?

我们的 dist 文件夹结构目前是:

dist/
  ? index.html
  ? cars/
    ? index.html
    ? details/
      ? index.html
      ? payment/
        ? index.html
Run Code Online (Sandbox Code Playgroud)

汽车与汽车列表页

细节点击一个汽车导航到所选汽车的详细信息页面

支付购车页面

meta-tags vue.js server-side-rendering nuxt.js

8
推荐指数
1
解决办法
1万
查看次数