面向国际化用户的品牌官网与登录流程页面,完成多语言、SEO、内容系统(通过 Markdown 管理)
点击空白处退出提示
面向国际化用户的品牌官网与登录流程页面,完成多语言、SEO、内容系统(通过 Markdown 管理)
面向国际化用户的品牌官网与登录流程页面,完成多语言、SEO、内容系统(通过 Markdown 管理)、
OAuth 登录、邮箱验证、API 统一封装、SLS 埋点、以及 PM2 生产部署等能力
技术栈: Vue 3、Nuxt 4、TypeScript/JavaScript、Vue Router、@nuxtjs/i18n、@nuxt/image(IPX / WebP)、@nuxt/content、Nitro(node-cluster)、Sass、VueUse、PM2 生产部署;集成阿里云 SLS Web 埋点(STS + @aliyun-sls/web-track-browser)、Cookie 合规(vue-cookieconsent)、
vConsole 真机调试 等。
项目亮点:
架构与工程化:采用 Nuxt 4 全栈模式,配置 Nitro node-cluster、静态资源压缩、Runtime Config 区分多环境(API Base、OAuth 回调、站点 URL、SLS 生产标识等),配套 PM2 与构建流水线环境变量,支撑可重复部署。
国际化与体验:基于 @nuxtjs/i18n 实现中英双语、统一文案与 SEO 元信息;结合 @nuxt/image 默认 WebP 与质量策略,兼顾性能与视觉。
请求与鉴权:封装 $fetch 层(如 useApi),统一 HTTP/业务错误码处理、重试、敏感字段脱敏与可选 SLS 上报;通过 Cookie + credentials 维护登录态,Auth 插件/Composable 在客户端拉取用户信息、无 Token 短路、跳转 Workspace 等,减少无效请求与闪烁。
可观测与合规:集成 阿里云 SLS 行为/接口等多 Topic 埋点,STS 动态凭证;针对 SSR 与 Teleport/ClientOnly 等场景处理水合一致性;接入 Cookie 同意条,满足可选分析与必要 Cookie 分类说明。




评论