如果在postman测试输入json型数据可以跳转或者创建成功,而在vue中用axios则不可以传输数据到后台

postman传输json型数据成功截图:

如果在vue中传输则不行:

axios一般传输的就是json型数据

《1》看两个传输数据的网址是否相同 

《2》看controller中有没有加上 加上

@ResponseBody
@RequestBody
@RequestMapping(value = "/selectUser",produces = "application/json;charset=UTF-8")
《3》看axios中有没有写data
代码如下:
 onSubmit(formName) {
         /* console.log('submit!');*/
          this.$refs[formName].validate((valid) => {
           var vm=this;
           if(valid){
             console.log(vm.form.username);
             this.$axios({
               method:'post',
               url:'http://localhost:8080/user/selectUser',
               data:{
                 username:this.form.username,
                 password:this.form.password
               }
             }).then(function (resp) {
               if(resp.data=="success"){
                  console.log('真棒');
                  vm.$router.push("/Home")
               }else{
                 vm.$message.error('用户名或密码错误');
                 return false;
               }
             })
           }
         });
        }

 

posted @ 2021-12-09 10:34  晓葡萄在路上  阅读(428)  评论(0)    收藏  举报