通过链接

Question

我需要一些帮助。我正在使用vue-router开发一个博客站点，所以我有这样的动态路由：

https：/myblog.com/post/a-post-title

我想添加共享选项，尤其是在Facebook上。为此，我需要为每个帖子页面动态修改元数据。 这包括在Facebook帖子预览框中显示帖子标题，描述和图像。

进行研究后，我发现一个名为vue-head的vue插件可以让您修改meta标签。它工作正常，但是有一个问题。 看来，facebook抓取工具会在您执行任何JavaScript魔术操作之前先对您的SPA进行分析，因此我还没有找到一种使这项工作有效的方法。 而且，我找不到像以前那样将自定义参数传递给Facebook共享网址的方法。

vue-meta插件也不起作用，页面上需要预渲染，但是prerender-spa-plugin不适用于/ post /：slug之类的动态路由。

我的应用程序是前端，并通过axios消耗laravel api中的数据。

那么，有人知道这个问题的解决方案吗？

Answer 1

当您对seo友好的URL数量无限制时，服务器端呈现是最佳选择。但是，如果这不是一种选择，则可以使用prerender.io作为解决方法。