接口获取到的数据也需是多语言

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

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

多语言需求,调用接口获取到的数据也需是多语言。

比如最开始“所在地”这个字段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} 渲染方式

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值