fix(login): correct multiple login error fix #11

问题描述: 在当前用户未注销的情况下,跳转 /login
登陆页时，即使用户密码错误,亦会使用之前未登出的用户的信息

本质: 在 login action 中包含一个 catch 函数,其本身返回一个 resolved
Promise 实例,那么此时的 login action 将始终返回一个 resolved Promise
实例

Author: lbwa

src/pages/Login/index.vue

@@ -64,15 +64,15 @@ export default {
   methods: {
     onSubmit () {
       this.switchLoading(true)
-      this.$refs.login.validate()
+      this.$refs.login
+        .validate()
         .then(valid => ({
           ...this.userInfo,
           vm: this
         }))
         // This action has included routes replacement
         // dispatch() will return a Promise instance
         .then(payload => this.$store.dispatch('login/userLogin', payload))
-        .then(() => this.$router.replace('/'))
         .catch(e => console.error('[Login form]: validate failed !'))
         .finally(() => this.switchLoading(false))
     },
@@ -93,7 +93,7 @@ export default {
 }
 
 .login {
-  background-image: url('~./img/animation.gif');
+  background-image: url("~./img/animation.gif");
   background-repeat: no-repeat;
   background-position: center center;
 

src/store/modules/login/actions.js

@@ -1,5 +1,6 @@
 import { userLogin, fetchUserAccess } from 'API'
 import types from './mutations/types'
+import router from 'ROUTER'
 
 export default {
   userLogin ({ commit }, { username, password, vm }) {
@@ -15,6 +16,7 @@ export default {
             userId: user_id
           })
           commit(types.SET_ACCESS_TOKEN, access_token)
+          router.replace('/')
         })
         .catch(e => {
           if (e.code === 5000) {