关于如何在vue中使用axios时候通过formData发送数据

最新推荐文章于 2024-07-23 16:15:54 发布

bhots

最新推荐文章于 2024-07-23 16:15:54 发布

阅读量2.4k

点赞数 3

分类专栏： vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_45180205/article/details/123038932

版权

vue 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

参考https://www.jianshu.com/p/b10454ed38ba

之前写axios请求的时候，发现后端只能通过URL后面绑定参数的形式传值，无法无法识别到前端穿过来的对象值，
但是我传值都很标准，不可能出现问题
在这里插入图片描述

在这里插入图片描述

然后我通过postman测试，发现后端需要用formData才能看到后端传过来的对象值
在这里插入图片描述

然后现在问题发现了，原来是因为axios传到后台的不是formdata数据，现在解决的方法也很简单，加上如上的内容就可以了，具体什么原因以后再细细研究。

这一段加在main.js上，然后修改完毕后再使用哦.

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;