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

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

1. 配置axios的默认Content-Type 为 application/json。整个提交json数据到后端都无问题，但中文存在乱码情况，
2. 后端处理java 处理

String reqparm = InputStream());//处理中文乱码reqparm=new Bytes(),"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'; 

5. application/x-www-form-urlencoded 该种方式是以键值对的形式提交至后端，后端可通过Parameter(“参数名”)获取。
6. 但经过以上步骤后仍然不行，原因是因为axios 会根据所提交参数 切换 Content-Type
7. 这里需要 安装 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官网 ：