Nuxt3的页面头部head设置方法

523 阅读1分钟

因为最近改写实习公司的官网准备上线了,所以要改一下网页的head,找到了两种方法,大家有需要的可以参考一下!

第一种 全局设置 在nuxt.config.js中

export default defineNuxtConfig({
  app:{
    head:{
      title:'我是设置的网页head'
    }
  }
})

第二种 适合不同的页面可以设置不同的head 使用useHead

useHead({
    title:'我是设置的网页head',
  })

以上两种方法都可以设置网页的head,有需要的大家可以试一下!