axios跨域请求

1.问题:axios跨域请求失败,请求报错或者返回数据为空(浏览器测试正常返回数据)
原因:这次项目java后台接受请求头headers:{'Content-type':'application/x-www-form-urlencoded'},而axios默认'Content-type':'application/json'
解决:
1、先设置headers

 headers: {
  'Content-Type': 'application/x-www-form-urlencoded'
}

2、请求前参数处理

function _transformRequest(data) {
  et ret = ''
  for (let it in data) {
      ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
  }
  return ret;
}

如图

image.png