|  |  | 
 |  |  |         <div class="log-logo">Welcome!</div> | 
 |  |  |         <div class="log-text"></div> | 
 |  |  |     </div> | 
 |  |  |     <div class="log-email"> | 
 |  |  |     <div class="log-email" v-loading="isLoging" > | 
 |  |  |         <input type="text" placeholder="用户名" :class="'log-input' + (username==''?' log-input-empty':'')" v-model="username"><input type="password" placeholder="密码" :class="'log-input' + (password==''?' log-input-empty':'')"  v-model="password"> | 
 |  |  |         <a href="javascript:;" class="log-btn" @click="login" >登录</a> | 
 |  |  |     </div> | 
 |  |  |     <Loading v-if="isLoging" marginTop="-30%"></Loading> | 
 |  |  | </div> | 
 |  |  | </template> | 
 |  |  |  | 
 |  |  | <script> | 
 |  |  | import Loading from './Loading.vue' | 
 |  |  | import crypto from 'crypto' | 
 |  |  | export default { | 
 |  |  |   name: 'Login', | 
 |  |  | 
 |  |  |         username: '', | 
 |  |  |         password: '' | 
 |  |  |      } | 
 |  |  |   }, | 
 |  |  |   components:{ | 
 |  |  |     Loading | 
 |  |  |   }, | 
 |  |  |   created(){ | 
 |  |  |   var that = this; | 
 |  |  | 
 |  |  |       //设置在登录状态 | 
 |  |  |       this.isLoging = true; | 
 |  |  |  | 
 |  |  |       this.$axios.get("/auth/login",{ | 
 |  |  |       this.$axios.get("/api/user/login",{ | 
 |  |  |         params: loginParam | 
 |  |  |       } ) | 
 |  |  |       .then(function (res) { | 
 |  |  | 
 |  |  |             that.$cookies.set("session", {"username": that.username}) ; | 
 |  |  |             //登录成功后 | 
 |  |  |             that.$router.push('/'); | 
 |  |  |           }else{ | 
 |  |  |             that.isLoging = false; | 
 |  |  |             that.$message({ | 
 |  |  |                   showClose: true, | 
 |  |  |                   message: '登录失败,用户名或密码错误', | 
 |  |  |                   type: 'error' | 
 |  |  |               }); | 
 |  |  |           } | 
 |  |  |       }) | 
 |  |  |       .catch(function (error) { | 
 |  |  |         console.log(error); | 
 |  |  |         that.$message.error(error.response.statusText); | 
 |  |  |         that.isLoging = false; | 
 |  |  |       }); | 
 |  |  |  | 
 |  |  |  |