wx登陆接口

• string类型
• url：''//服务器接口地址
• data:{}//请求的参数
• header:{}//设置请求的 header，header 中不能设置 Referer。 content-type 默认为 application/json
• method:''//HTTP 请求方法

代码区
#html
<view class="flex row">
    <view class="label">邮箱：</view>
    <input placeholder="请输入邮箱" bindinput="emailCtrl"/>
</view>
<view class="flex row">
    <view class="label">密码：</view>
    <input placeholder="请输入密码" bindinput="pwdCtrl" type="password"/>
</view>
<view style="text-align: center;" class="flex">
    <button plain type="primary" style="width:100px;margin-right: 10px;" 
    bindtap="loginFn">登录</button>
    <button plain type="primary" style="width:100px;margin-left: 10px;" bindtap="registerFn">注册</button>
</view>

#css
.row{
  padding:5px;
  margin:25px;
  padding-bottom: 20px;
  border-bottom: 1px dashed #ccc;
}
.row .label{
  line-height: 30px;
  width: 80px;
  text-align: center;
}
.row input{
  border:1px solid #ccc;
  width: 220px;
  height: 30px;
  padding-left:5px;
  border-radius: 10px;
}

#js
const app = getApp();
Page({
      /**
       * 页面的初始数据
       */
      data: {
        email:'',
        pwd:''
      },
      emailCtrl(e){
        this.setValue(e,'email')
    },
    pwdCtrl(e){
        this.setValue(e,'pwd')
    },
    setValue(event,key){
        this.data[key] = event.detail.value
    },
    //登陆设置权限
    loginFn(){
        if(!this.data.email||!this.data.pwd){
            wx.showToast({
              title: '输入项不能为空',
              icon: 'error'
            })
            return
        }
        //获取接口数据
        wx.request({
          url: '',//服务器接口地址
          method: 'POST',
          data:{
            email: this.data.email,
            password: this.data.pwd
          },
          //获取接口成功返回数据
          success:(res)=>{
              console.log(res);
              if(res.statusCode==200){
                  let {data:{access_token}} = res;
                  wx.setStorageSync('token', access_token)//同步储存数据
                  wx.showToast({
                    title: '登录成功',
                    icon: 'success'
                  })
                  //成功跳转到成功页面
                  setTimeout(()=>{
                      wx.navigateTo({
                        url: '/pages/showpage/showpage'//需创建跳转页面
                      })
                  },1500)
                  return
              }else{
                wx.showToast({
                    title: '登录失败',
                    icon: 'error'
                  })
                return
              }
          }
        })
    },
    //点击跳转注册页面
    registerFn:function(){
        wx.navigateTo({
          url: '/pages/register/register',//需创建跳转页面
        })
    },