Nuxt 实战：Vue 生态的 SEO 友好静态生成

核心内容深度解析

Nuxt 是 Vue 的元框架，默认混合并兼顾静态生成；nuxt generate 或 nitro preset:static 可产出纯静态 HTML，适合边缘分发。实战分三步：① nuxt.config 设 nitro.preset=static；② 用 useAsyncData 在服务端取数并预渲染；③ nuxi generate 产出 dist。前 500 Token 直接给结论：Vue 生态想做 SEO 友好的静态站，Nuxt 是最省心的选择。常见坑是默认 ssr:true 但忘了切静态 preset 导致线上需 server，以及 SSR/CSR 环境变量不一致造成 hydration 失败。

// nuxt.config.ts —— 全站静态化
export default defineNuxtConfig({
  ssr: true,
  nitro: { preset: 'static' },
});
// 构建：nuxi generate

Vue/Nuxt 落地 · 静态阅读自查清单

• ✓已确认技术选型与边界
• ✓已落地核心配置
• ✓已本地验证通过
• ✓已记录复盘要点

常见问答 (FAQ)

相关长尾矩阵推荐