VueJS前端多语言国际化

通常在开发大型项目或国际项目的时候，我们都需要增加国际化模块，使网站可以显示多语言。我的思路是，每个语言分不同的文件，检测用户语言环境或通过用户设置来判断调用哪个语言文件，而在开发中程序员又能清楚到底是什么意思。由于我们不需要兼容IE，所以只使用navigator.language来获取用户语言。第一步：我们需要有个入口文件新建一个languge.js文件，这个文件主要功能为：获取Cookie中是否存在lang值，如果不存在则检测用户语言环境，并获取语言编码储存到Cookie，之后再调用相应的语言文件输出。// 引入js-cookie import Cookies from 'js-cookie' // 获取cookie中lang值 var lang = Cookies.get('lang'); // 如果lang值不存在则设置lang值（第一次访问） if (!lang) { // 如果用户语言环境为zh-CN则设置lang值为zh，并储存到cookie中 if (navigator.language == 'zh-CN') { lang = 'zh'

技能 · 2022-01-08 · 1030 人浏览
VueJS前端多语言国际化
2013 - 2024 DIMM. All Rights Reserved.
Theme Jasmine by Kent Liao