vue中post请求设置参数为formData的形式

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中post请求设置参数为formData的形式相关的知识,希望对你有一定的参考价值。

参考技术A 还要把传入的参数转化成正常的参数,而不是键值对的形式

VUE post请求设置为formdata传参

参考技术A 在vue-cli脚手架项目中,我们通常遇过发送axios请求,后台接受不到数据,试了下ajax请求,后台便可以接收到数据,对比两者的请求,发送有一点区别,就是请求参数的区别

//利用axios拦截器来进行转换,只需要转换一次

axios.interceptors.request.use(function (config)

//请求头转换为表单形式

  config.headers['Content-Type'] = 'application/x-www-form-urlencoded; charset=UTF-8'

  config.transformRequest = [function (data)

 // 在请求之前对data传参进行格式转换

​    data = Qs.stringify(data)

​    return data

  ]

  return config

, function (error)

  return Promise.reject(error)

)

//接下来发出去的post请求就是已formdata进行传参

以上是关于vue中post请求设置参数为formData的形式的主要内容,如果未能解决你的问题,请参考以下文章

在vue中使用axios发送post请求,参数方式

Vue使用axios请求数据,默认post请求传参是json格式,但后台需要formData格式???

vue使用fetch.js发送post请求java后台无法获取参数值

vue-resource发送post请求服务器接收不到数据

vue post 参数格式 form_data

HTTP请求中的form data和request payload的区别