| | |
| | | <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; |
| | | }); |
| | | |
| | | |