SEO 设置

全局

在 nuxt.config.ts 里面加入

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
    // SEO配置
    app: {
        head: {
            title: 'Nuxt3',
            meta: [
                { name: 'description', content: 'Nuxt3' },
                { name: 'keywords', content: 'Nuxt3' },
                { name: 'viewport', content: 'width=device-width, initial-scale=1' }
            ],
            link: [
                {
                    rel: 'stylesheet',
                    href: 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css'
                }
            ],
            script: [
                {
                    src: 'https://cdnjs.cloudflare.com/ajax/libs/pace/1.2.4/pace.min.js'
                }
            ]
        }
    },
  ......................
});

局部想改变

<script setup>
  const title = "首页";
  useHead({
    title,
    meta: [{ name: "description", content: "My amazing site." }],
  });
</script>