修复登陆的bug

panlinlin

2021-01-13 ac45e4f6c81150dadbaef1786e05c9fd681d46ce

 web_src/src/components/Login.vue

@@ -10,17 +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',
  data(){
@@ -29,9 +26,6 @@
        username: '',
        password: ''
     }
  },
  components:{
    Loading
  },
  created(){
  var that = this;
@@ -61,13 +55,13 @@
        //需要想后端发送的登录参数
        let loginParam = {
           username: this.username,
           password: crypto.createHash('md5').update(this.password, "utf8").digest('hex')
           password: this.$md5(this.password)
        }
      var that = this;
      //设置在登录状态
      this.isLoging = true;

      this.$axios.get("/auth/login",{
      this.$axios.get("/api/user/login",{
        params: loginParam
      } )
      .then(function (res) {
@@ -76,10 +70,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;
      });