本文介绍了一种实现应用程序多语言支持的方法，通过在数据库中增加语言字段，并利用前端axios全局设置和后端数据处理，实现根据不同语言环境动态显示相应语言内容。
多语言需求，调用接口获取到的数据也需是多语言。
比如最开始“所在地”这个字段city，为了做多语言，得添加一个字段city_en
数据库中，有
- city 深圳
- city_en shenzhen
前端在axios全局设置里面，加header头。key为lang，value值是cn/en，这个取自sessionStorage
axios.defaults.headers.common['lang'] = sessionStorage.getItem('lang');
后端在返回数据之前判断一下语言类型，如果是cn，那么取city_en返回；如果是en，取city的值返回。
返回json数据的时候，字段名都是city。这样前端就可以维持vue的{item.city} 渲染方式
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
