vue axios解决后台没法收到数据的问题

本文主要补充了前一篇文章中关于后台无法接收到数据的问题,重点讲解如何使用Vue和Axios实现数据的AJAX传输,并确保后台能正确获取前端通过data发送的值。核心代码包括通过v-model绑定数据,设置axios的Content-Type为'application/x-www-form-urlencoded',并使用qs库进行数据序列化。
摘要由CSDN通过智能技术生成

之前有一篇文章中由于没有测试后台数据这一块,现在这篇为前一篇的补充,主要是解决数据通过ajax的传输问题,以及后台怎样获取到前端通过data传过去的值的问题。

     首先用axios来写ajax形式的传输代码

    (1)使用input中的v-model来赋值

      var username = this.user;
      var password = this.pass;

      this.$ajax({
                    method: 'post',
                    url : "http://ip:端口/demo/user/login.do",
                    data : {
                        "username": username,
                        "password": password
                    }

                });

     (2)基本配置如下:在main.js中配置如下的内容

             import axios from 'axios'

             axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'

             import qs from 'qs'

             Vue.prototype.$qs = qs
       

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值