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
在这里插入图片描述

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐