时间戳

首页 > 解决方案 > Vuejs SPA 从第三方 api 更改元标记内容

vuejs2 - Vuejs SPA 从第三方 api 更改元标记内容

问题描述

我尝试更改元标记内容，例如

document.title = response.data.seo_page_title[0].text;
document.head.querySelector('meta[name=description]').content = response.data.seo_description;

它会在检查页面时更改内容，但在我使用 view soure 时不会。因此，当我尝试在社交媒体上分享页面时，Google、FB 和 Twitter 无法识别更新的内容，也无法加载正确的文本。

标签： vuejs2

解决方案

View Source显示从网络获取的原始源 - 它不是页面的当前快照。正如您所注意到的 - 页面的当前快照在 DevTools 中可用。如果您需要 Google / FB / 等来查看正确的文本 - 您必须在服务器端（在编写 HTML 模板时）而不是在浏览器中生成此文本。

推荐阅读