可以在 nuxt.config.ts 中配置全局的 HTML 標簽,也可以在指定 index.vue 頁面中配置指定的 HTML 標簽。
在 nuxt.config.ts 中配置 HTML 標簽
export default defineNuxtConfig({compatibilityDate: '2025-07-15',devtools: { enabled: true },app: {head: {charset: 'utf-8',viewport: 'width=device-width, initial-scale=1.0',title: 'nuxtjsFrameTest',meta: [{ name: 'description', content: 'nuxtjsFrame' },],},},
})
在指定 index.vue 中配置 HTML 標簽
<script setup>const route = useRoute();useHead({title: '首頁',meta: [{ name: 'description', content: '首頁' }]
})useSeoMeta({
title: () => `User ${route.params.id}`,
description: () => `用戶 ${route.params.id} 頁面`,
keywords: '首頁'
})</script>
在 Nuxt 3/4 中,要設置頁面的標題和 SEO 元信息,需要用 useHead 或 useSeoMeta(推薦)在頁面組件里聲明;