Vue axios Post提交中文乱码处理记录
配置axios的默认Content-Type 为 application/json。整个提交json数据到后端都无问题,但中文存在乱码情况,后端处理java 处理String reqparm = IOUtil.toString(req.getInputStream());//处理中文乱码reqparm=new String(reqparm.getBytes(),"UTF-8");以上处理并不能完全
·
- 配置axios的默认Content-Type 为 application/json。整个提交json数据到后端都无问题,但中文存在乱码情况,
- 后端处理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';
- application/x-www-form-urlencoded 该种方式是以键值对的形式提交至后端,后端可通过req.getParameter(“参数名”)获取。
- 但经过以上步骤后仍然不行,原因是因为axios 会根据所提交参数 切换 Content-Type
- 这里需要 安装 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条内容
所有评论(0)