任何人都可以帮助解决有关带有动态数据的元信息的情况。
问题
我们正在使用 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.htmlRun Code Online (Sandbox Code Playgroud)
汽车与汽车列表页
细节点击一个汽车导航到所选汽车的详细信息页面
支付购车页面