我们在很多功能内如:淘宝 天猫 或各网站的浏览时 我们都会需要进行[登陆/注册]这类操作
其中不乏有 微信/扫码登陆 QQ登陆 。。。。
我们今天介绍下 最基础也是最简单的登陆注册操作
首先我们需要安装axios
npm install axios --save
我们要知道当我们安装了axios时,其中就自带了qs这个方法 如果还是报错的话可以安装
npm install qs
以前有的电脑安装axios时就会自带qs方法 有的电脑就不会自带qs方法(觉得这里不需深究)
qs:有两个使用方法qs.parse()/qs.stringify()这两个方法
qs.stringify()将对象序列化成URL的形式,以&进行拼接。
qs.parse()将URL解析成对象的形式 。
JSON.stringify()是正常类型的JSON
都是把对象的类型转换成另外一种类型,如果并没有qs的这种需求,还是继续用JSON吧
进入主题开始说说我们的登陆注册
我们在export default上import qs from 'qs'(引用qs)
当我们登陆时出发登陆的方法/函数 之后我们进行登陆操作
//定义一个我们需要上传的data数据
var data={
//获取我们的name值
username:this.name,
//获取密码
pwd:this.mm
}
部分数据可能有固定接受名称 请看准
this.axios.post('这里为我们需要上传的网址/接口',qs.stringify(data)).then(res=>{
之后我们通过qs.stringify(将我们的data数据上传) 上传后获取我们传回来的res值
if(res.data.info=="账户已经存在")
{
alert("失败,请重新输入")
}
else
{
alert("成功")
}
})
对res值进行一部分判断 如 是否存在 账号密码是否错误 登陆成功 一类
登陆和注册的方法都是雷同的只是回来的res值不同 我们只需要看好传回来的res/response值就可以了.