2.6 KiB
2.6 KiB
变更日志
元数据
- 需求编号:2026-01-26-002-01
- 创建时间:2026-01-26
- 创建人:SSOT 架构师
- 版本号:v1.0.0
变更概述
实现前端国际化基础架构,包括引入 vue-i18n@9 核心库、建立标准化的资源目录结构、封装通用的语言切换组件以及配置网络拦截器自动注入语言标识。此变更奠定了前端国际化的基础,为后续业务模块国际化提供底层支持。
变更内容
新增功能
- 实现前端国际化基础架构,包括:
- 引入 vue-i18n@9 核心库,支持 Vue 3 Composition API
- 建立标准化的资源目录结构(src/locales/)
- 创建中文和英文翻译文件(zh-CN.ts、en-US.ts)
- 封装通用的语言切换组件(LangSelect)
- 配置网络拦截器自动注入 Accept-Language 请求头
- 集成 Element Plus 的国际化支持(ElConfigProvider)
新增文档
新增代码文件
src/locales/index.ts- i18n 核心配置文件src/locales/zh-CN.ts- 中文翻译文件src/locales/en-US.ts- 英文翻译文件src/components/LangSelect/index.vue- 语言选择器组件
修改功能
src/store/modules/app.ts- 新增 language 状态字段和 setLanguage actionsrc/layout/components/Navbar/index.vue- 集成 LangSelect 组件到导航栏src/utils/request.ts- 在请求拦截器中注入 Accept-Language 请求头src/App.vue- 集成 ElConfigProvider 组件,支持 Element Plus 国际化src/main.ts- 注册 i18n 插件
新增依赖
- vue-i18n@9 - Vue 3 国际化核心库
影响范围
- 模块:前端国际化基础架构
- 功能:语言切换、国际化资源管理、网络请求适配
- 文件:5 个新文件,5 个修改文件
- 依赖:新增 1 个 npm 包(vue-i18n@9)