Finenter 国际站 产品系统

我要开发同款
柱柱2026年07月07日
3阅读

技术信息

语言技术
HTML5CSSJavaScriptVue
系统类型
Web
行业分类
金融

作品详情

行业场景

面向国际化用户的品牌官网与登录流程页面,完成多语言、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 分类说明。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论