Vue axios Post提交中文乱码处理记录

  1. 配置axios的默认Content-Type 为 application/json。整个提交json数据到后端都无问题,但中文存在乱码情况,
  2. 后端处理java 处理
String reqparm = IOUtil.toString(req.getInputStream());
 //处理中文乱码
 reqparm=new String(reqparm.getBytes(),"UTF-8"); 

以上处理并不能完全解决中文乱码问题,偶尔会有个别中文乱码,
例如:“上海” 解析汉字正常 但 “卡” 就会成为乱码的情况 试过多种方式后 仍无法处理
3. 解决
4. 配置 axios的Content-Type 为,网上资料说 axios 默认就是以该种方式提交,我还是在此配置了

// 配置请求头application/x-www-form-urlencoded  application/json
axios.defaults.headers.post['Content-Type'] ='application/x-www-form-urlencoded'; 
  1. application/x-www-form-urlencoded 该种方式是以键值对的形式提交至后端,后端可通过req.getParameter(“参数名”)获取。
  2. 但经过以上步骤后仍然不行,原因是因为axios 会根据所提交参数 切换 Content-Type
  3. 这里需要 安装 qs 使用qs.stringify 方法进行参数处理,这是再查看提交方式就切换为application/x-www-form-urlencoded了。 PS:JSON.stringify 无效。必须用 npm install qs
--安装
npm install qs

--在main.js中引入使用
import qs from 'qs'

--配置全局参数
Vue.prototype.$qs = qs

--使用
this.$qs.stringify({ 
          name:'',
          age:'',
          code:''
        })

Axios官网 :http://www.axios-js.com/zh-cn/docs/#axios-config
在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值