一起来看React(登陆/注册)

592 阅读2分钟

我们在很多功能内如:淘宝 天猫 或各网站的浏览时 我们都会需要进行[登陆/注册]这类操作

其中不乏有 微信/扫码登陆 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值就可以了.