全局页面设置:app.vue
<script lang="ts" setup>
useHead({
title: app.name,
titleTemplate: '%s - Nuxt 3 Awesome Starter',
meta: [
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
{
hid: 'description',
name: 'description',
content: 'Nuxt 3 Awesome Starter',
},
],
link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }],
})
</script>
也可在单独页面中设置 例如index.vue
<script setup>
useHead({
title:'one',
meta: [
{ hid: 'keywords', name: 'keywords', content: '前端, keywords' }
]
})
</script>