vue axios 前端数据传给后端一直 “参数不足”

最新推荐文章于 2023-08-06 09:29:02 发布

阿晴熙熙

最新推荐文章于 2023-08-06 09:29:02 发布

阅读量703

点赞数 4

分类专栏： vue

本文链接：https://blog.csdn.net/weixin_46221198/article/details/114338681

版权

vue 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

先上参数不足时的代码：

that.$axios.post(that.url + "/user/login",
                        {
                          email:that.ruleForm.email,
                          pwd:that.ruleForm.password,
                        },
                        { headers: {'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8 '}
                        })
                .then(function(response){
                    console.log(response)
                }.catch(function(err){
                     console.log(err)
                }

代码左看右看都没有问题，控制台也有数据传过去，可一直“参数不足”

全网搜集方法，终于搞出来了

that.$axios.post(that.url + "/user/login",
                        that.qs.stringify({
                          email:that.ruleForm.email,
                          pwd:that.ruleForm.password,
                        }),
                        { headers: {'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8 '}
                        })
                .then(function(response){
                    console.log(response)}
                .catch(function(err){
                    console.log(err)
                    })

总结：给提交的数据外面套上that.$qs.stringify( )

如果直接加上，会发现报错了！因为要引入俩个东西

1.vue-resource

1、安装vue-resource到项目中，找到当前项目

输入：npm install vue-resource --save



2、安装完毕后，在main.js中导入，如下所示：

import  VueResource  from 'vue-resource'

Vue.use(VueResource) 


————————————————
版权声明：本文为CSDN博主「木子楠」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/beautifultian/article/details/70313001

2.qs

2.1 qs 安装
npm install qs / cnpm install qs (安装了淘宝镜像的才可以使用)

2.2 qs 全局引入

//在main.js引入qs
import  qs from 'qs'
//配全局属性配置，在任意组件内可以使用this.$qs获取qs对象
 Vue.prototype.$qs = qs

泪目！！！！折腾了一下午！！！