add:国际化

This commit is contained in:
zhangzq
2026-01-04 17:08:17 +08:00
parent e939b587bf
commit 4b6d5e3d0e
5 changed files with 211 additions and 123 deletions

View File

@@ -18,7 +18,10 @@ import permission from './components/Permission'
import './assets/styles/element-variables.scss'
// global css
import './assets/styles/index.scss'
// add-xy start
import { fetchMessages } from '@/api/i18n' // 有一个API模块来获取语言文件
// 当前语言可以从本地存储、用户设置或URL参数中获取
const currentLocale = localStorage.getItem('lang')
// 代码高亮
import VueHighlightJS from 'vue-highlightjs'
import 'highlight.js/styles/atom-one-dark.css'
@@ -82,3 +85,11 @@ new Vue({
store,
render: h => h(App)
})
// add-xy start
// 国际化开发3.调用接口异步获取语言文件增加api文件
fetchMessages(currentLocale).then(messages => {
// 将获取到的消息设置到i18n实例
i18n.setLocaleMessage(currentLocale, messages.content)
// 设置当前语言
i18n.locale = currentLocale
})