用 Nuxt 3 Layers 搭建多站点前端架构

为什么需要多站点架构

当同一家公司运营多个品牌站点时，最常见的做法是复制一份代码再改。结果是修一个 bug 要改 N 个仓库。

Layers 的分层思路

Base 层：通用组件、样式变量、类型定义、服务端接口

Theme 层：主题色板与主题级样式覆盖

Site 层：站点配置、页面内容与站点特有组件

站点通过 extends 逐层继承，越靠上优先级越高。

关键收益

通用能力只维护一份，站点之间共享表单落库、防刷、SEO 等能力，新站点上线只需要写配置和页面。

结论

架构的价值不是技术多先进，而是让重复的事只做一次。