多语言需求,调用接口获取到的数据也需是多语言。
比如最开始“所在地”这个字段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} 渲染方式

本文介绍了一种实现应用程序多语言支持的方法,通过在数据库中增加语言字段,并利用前端axios全局设置和后端数据处理,实现根据不同语言环境动态显示相应语言内容。

被折叠的 条评论
为什么被折叠?



