以前的axios请求如下 请求虽然我将数据传输到接口去,但是却传输的是json数据,所以后台报传输的为空,因为真实的需要form-data格式传输过去的数据
由下面可以看出传到后台的数据是Json格式
接下来对axios接口进行修改,加入下面代码
import Vue from
'vue'
axios
.defaults
.headers
.post
['Content-Type'] = 'application/x-www-form-urlencoded';
axios
.defaults
.headers
.get
['Content-Type'] = 'application/x-www-form-urlencoded';
axios
.defaults
.transformRequest
= [function
(data
) {
let ret
= ''
for (let it in data
) {
ret
+= encodeURIComponent(it
) + '=' + encodeURIComponent(data
[it
]) + '&'
}
return ret
}]
Vue
.prototype
.$axios
= axios
查看传输的列表由以前的json格式转化为FormData格式,这样后台就成功返回了数据