Vue的axios的post请求,转fromdata格式

    技术2022-07-10  147

    以前的axios请求如下 请求虽然我将数据传输到接口去,但是却传输的是json数据,所以后台报传输的为空,因为真实的需要form-data格式传输过去的数据

    由下面可以看出传到后台的数据是Json格式

    接下来对axios接口进行修改,加入下面代码

    import Vue from 'vue' //设置axios为form-data 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格式,这样后台就成功返回了数据

    Processed: 0.016, SQL: 12