一般而言前端登陆发送验证给后端进行校验,现在较为流行的就是使用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+
  },`
}
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐