Nuxt.js head 属性配置

head 属性配置

借助 head 属性,Nuxt.js 让你可以在 nuxt.config.js 中配置应用的 meta 信息。

  • 类型: Object
module.exports = {
  head: {
    titleTemplate: %s - Nuxt.js,
    meta: [
      { charset: utf-8 },
      { name: viewport, content: width=device-width, initial-scale=1 },
      { hid: description, name: description, content: Meta description }
    ]
  }
}

想了解 head 属性的可用配置,可以参考 vue-meta 配置文档

提示: 你也可以在页面组件中使用 head 配置并通过 this 关键字来获取组件的数据,具体请参考 页面组件的 head 属性配置

作者:terry,如若转载,请注明出处:https://www.web176.com/nuxt/22373.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2023年5月24日
下一篇 2023年5月24日

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注