Nuxt/i18n：如何更改头部元描述？答案

【问题标题】：Nuxt/i18n: how to change head meta description?Nuxt/i18n：如何更改头部元描述？
【发布时间】：2021-12-03 21:20:57
【问题描述】：

如何更改 i18n 默认添加的 head 元标记 og:description 内容值？

我知道我可以用 head 函数在每个页面中重写它，但我正在寻找更好的方法。

也许最好的办法是强制i18n用description标签内容值的值填充og:description内容值。

【问题讨论】：

如果你想在每一页上都有相同的描述，但它在 nuxt.config.js 文件的头部。或者通过添加一个全局 mixin，它可以从外部数据库中获取变量，或者如果您在每个页面上获取 data() 中的数据。就我个人而言，我在 methods 中有一个函数，我在需要它的页面上导入它并在头部返回函数：head() {return this.myFunction(myDescription, myTitle)}。

【解决方案1】：

如果您希望每个页面上的og:description 具有相同的值，您可以在nuxt.config.js 或/layout/default.vue 中设置它。除非您在 /pages/yourPage.vue 中指定新值，否则这将使每个页面上的标记值都相同。

在 nuxt.config.js 的你的头像中添加以下内容：

export default {
  head: {
    meta: [
      { hid: 'og:description', property: 'og:description' content: 'My own description' },
    ],
  }
}

你可以对og:title等做同样的事情。

【讨论】：