648540858
2021-01-15 c8b6ed5823fbe8e7eeef2e733859b4406b2ba4c5
web_src/src/components/Login.vue
@@ -10,16 +10,14 @@
        <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',
@@ -29,9 +27,6 @@
        username: '',
        password: ''
     }
  },
  components:{
    Loading
  },
  created(){
  var that = this;
@@ -67,7 +62,7 @@
      //设置在登录状态
      this.isLoging = true;
      this.$axios.get("/auth/login",{
      this.$axios.get("/api/user/login",{
        params: loginParam
      } )
      .then(function (res) {
@@ -76,10 +71,18 @@
            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;
      });