夏枯草,八零电子书-188bet官网_188bet金宝搏滚球_188滚球专家

花了点时刻把登录夏枯草,八零电子书-188bet官网_188bet金宝搏滚球_188滚球专家页面写好了,接下来预备和后台进行交互,测验一下登录页面夏枯草,八零电子书-188bet官网_188bet金宝搏滚球_188滚球专家的数据交互,这儿vue我运用axios来发送恳求 ,后台经过Django建立服务来承受数据。Django项目我现已建立好了,创建了一个根本的数据和路由视图,现新加坡航空在咱们需求在vue项目中增加axiwinscpos组件。

装置axios到项目中,运用指令:npm install axios --save 将axi夏枯草,八零电子书-188bet官网_188bet金宝搏滚球_188滚球专家os装置到项目中

装置好axios之后咱们在项目中的main.js中引进axios组件并注册axios组件,这儿咱们把axios挂载到vue结构函数的prototype特点上,组件上海住宅公积金网中经过this.继女axios来运用axios,这样咱们就能够在项目中运用this.$axios组件了,当然你也能够运用ue-axios来大局运用axios,组件中也是经过this.axios来运用夏枯草,八零电子书-188bet官网_188bet金宝搏滚球_188滚球专家axios。

axios运用

配静脉输液言必有中技巧置好axios之后咱们就能够在项目中运用了,比方我预备在登录页面中提交用户名炸年糕和暗码给后台,这时咱们就需求在点击登录按钮时调用a经期瘦身xios组件,经过axios去恳求后台路由并将参数一同发送曩昔,下面是登录按钮履行的半生缘办法。

后台数据承受,写个路由和视图用来承受前台发送过来的数据,前面咱们指定了告诉前台发送过来的是post恳求,所以这儿咱们需求经过POST.get来获取路由顺便的参数信息,然后在去数据库中匹配是否存在与当时用户名和暗码匹配的数据,假如存在阐明这个用户注册了,不然用户或许不存kg在或许账号暗码过错了。

现在咱们来测验下,翻开浏览器调试(F12 ),检查Console中的数据回来状况,先输入一个过错的账号暗码,再输入一个正确的账号暗码(notepad账号:kevinfan ,暗码:123456),如下图所示作用。

axios发post恳求后台接纳嘉铭东枫产业园不到参数问题解决:

这儿遇到个小问题,当我直接用axios传参的时分发现猪笼草后台无法承受到前台发送的数据,这儿是因为数据类型不相同导致的,检查network中的headers就能够知道咱们传送的数据以什么方法发送的,是Request Payload方法发送。数据格局为JSON格局:{"key":"value","key":"value"...elle},而django经过request.POST获取的是表单数据,与接纳到的数据不一致,所以无法解析正确的数据。

this.$axios.post('http://127.0.0.1:800芝麻街之大鸟看国际0/login/',{
username:this.uname,
password:this.password,
})
.then(response =>{
console.log(response.data)
}

知道了问题所在就好办了,这儿咱们要做的便是把Request Payload方法转夏枯草,八零电子书-188bet官网_188bet金宝搏滚球_188滚球专家成Form Data方法,最简略的办法便是引证axios中的qs组件来完成, 引进 qs ,直接在main.j渝税网s中引进该组件(装置axios就乱淫包含了,无需再装置),然后大局注册下组件 (办法和祖册axios相同),接着修改下axios传参方法,用this.$qs.str夏枯草,八零电子书-188bet官网_188bet金宝搏滚球_188滚球专家ingify()来传参数即可。

this.$axios.post('http://127.0.0.1:8000/login/',this.明光天气预报$qs.stringify({
username:this夏枯草,八零电子书-188bet官网_188bet金宝搏滚球_188滚球专家.uname,
password:this.passwo苹组词rd,
}))
.then(response =>{
console.log(response.data)
}

演示站
上一篇:水彩画图片,参-188bet官网_188bet金宝搏滚球_188滚球专家
下一篇:detail,中天科技-188bet官网_188bet金宝搏滚球_188滚球专家