前端登陆验证发送给后端的常见写法(axios)为例
前端使用axios登陆验证
·
一般而言前端登陆发送验证给后端进行校验,现在较为流行的就是使用axios,以下是我的写法:如果有什么问题欢迎大家指出:
//使用axios之前需要先进行下载 并且注册成运行(生产)依赖 yarn add -S axios
`
checkLogin(){
var that = this; //由于在axios后续操作使用异步函数,并且该异步函数使用箭头函数
//会导致箭头函数内的this指向跟外部的不同,所以用一个变量接受该this
axios({
methods:'POST/GET', //如果登陆验证使用POST 发送数据给后端 GET从后端获取得到数据
url:'xx', //后端接口地址
data:{
username:this.username, //账号名
password:this.password //用户账号密码跟后端
}
}).then(res=>{ //res是后端返回来的数据,包括俩中情况,登陆成功或者失败
if(res === 'xxx'){//登陆失败
//这里输出失败的相关信息
}else{ //登陆成功这里
//获取成功的相关信息然后存储在本地
}
}).catch(err=>{}) //发送失败的原因,可能是后端返回400数据导致执行catch,可以跟后端沟通后 执行失败是发送200还是400+
},`
}
更多推荐
已为社区贡献4条内容
所有评论(0)