4 登陆认证模块配置

<template>
        <div class="padding" >

          <div>
            <img src="static/img/logo2.png" style="width:100%;height:250px">
          </div>

            <div class="padding-top">
            
              <von-input type="text" v-model="username" placeholder="请输入用户名" label="用户名"></von-input>
              <von-input type="password" v-model="password" placeholder="请输入密码" label="密码"></von-input>
     
                <md-button class="button button-positive  button-block" @click.native="login()">
                   登录
                </md-button>
            </div>
        </div>
</template>

<script>
import { RECORD_USERINFO } from "store/mutation-type.js";
import { accountLogin} from "service/getData";

export default {
  data() {
    return {
      username: "",
      password: ""
    };
  },
  created() {
    if(localStorage.getItem('USER_TOKEN')!=''){
        this.$router.push({ path: "/home" });
    }
  },
  methods: {
    async login() {
      if(this.username == ""||this.password==""){
         $toast.show("用户名或密码错误", 1000);
      }
      else{
        let {State, Result,Msg} = await accountLogin(
                this.username,
                this.password
              );

              //登陆验证
              if (State==1) {
                let { Ticket } = Result;
                this.$store.commit(RECORD_USERINFO, { token:Ticket, user:Result });
                  $router.push({ path: "/home" });
              } else {
                $toast.show(Msg, 1000);
              }
      }
     
    }
  }
};
</script>