检测爬网程序并从服务器加载模板

Question

我是VUE JS的新手。

我有项目详细信息页面。对于社交共享，元标记将具有动态值，例如og:title或og:image。我能够设置元标记值。但是，当我检查facebook调试器时，它使用了旧的/默认的元内容。从这个link开始，我知道需要检查用户代理，然后相应地检查加载模板。

但是我们如何在VUE JS中做到这一点？ 预先感谢。

Answer 1

如果您要动态设置og:title或og:image之类的元标记，则可能要考虑从后端代码执行此操作，以便在将html发送到浏览器时使用动态标记。原因是某些爬网程序未运行javascript代码。对于任何不运行javascript代码的搜寻器，通过客户端库（例如Vue.js）设置此类元标记不会影响搜寻器看到的内容，因为它只会看到最初从服务器流式传输时存在的html。