如何解决uniapp提交后乱码的问题

发布时间:2022-05-23 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了如何解决uniapp提交后乱码的问题脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

uniapp提交后乱码的解决办法:1、在前端把要传的值封装成一个对象传给后端;2、在后端中,修改接收格式为“@RequestBody”,也就是json接收格式即可。

如何解决uniapp提交后乱码的问题

本教程操作环境:windows7系统、uni-app2.5.1版本,Dell G3脑。

推荐(免费):uni-app开发教程

uni-app前端get请求给后端传中文值乱码问题

记录做毕设时遇到的一些乱码问题

1. 一开始我是使用get方式给后端sPRingboot传值,在h5页面调试的时候十分友好,啥错没有,一切都是这么的顺利。

如何解决uniapp提交后乱码的问题

如何解决uniapp提交后乱码的问题

2. 然而当我打开手机模拟器真机调试时。。。意外来了:

如何解决uniapp提交后乱码的问题

后台name显示报错信息大概是这样的,忘记切图了(我name输入的是中文:水果):

/seArch/ITemname?name="9x8x9c8b5cv"&page=1&num=12,显示请求头发现无效字符

因为get请求是发生在url请求头上的,所以我就到处找解决乱码的方法,但是找到的全都是在后台进行解码的

如何解决uniapp提交后乱码的问题

这并不符合我的要求,因为在请求头乱码,压根就没进入程序,所以,没用。

万般折腾之后,最后觉得,还是用 post 请求好一点。于是:

3. 前端把要传的值封装一下成一个对象传给后端:

如何解决uniapp提交后乱码的问题

打印出来是这样子的:

如何解决uniapp提交后乱码的问题

给后端发送json格式的请求

如何解决uniapp提交后乱码的问题

4. 后端,改一下接收格式为@RequestBody–即 JSON 接收格式(es7msg是我定义的一个对象,用了接收值的)

如何解决uniapp提交后乱码的问题

然后就能成功的获取到了想要的值啦

如何解决uniapp提交后乱码的问题

这里提醒一下大家,传值最好用post来传值,可以避免很多乱码现象。

以上就是如何解决uniapp提交后乱码的问题的详细内容,更多请关注脚本宝典其它相关文章

脚本宝典总结

以上是脚本宝典为你收集整理的如何解决uniapp提交后乱码的问题全部内容,希望文章能够帮你解决如何解决uniapp提交后乱码的问题所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:uni-app