fix: 登录

src/views/user/apis.js

+import { encrypt, decrypt } from '@/utils/jsencrypt'
+export const sleep = (time) => new Promise(resolve => setTimeout(resolve, time))
+export function Login({ username, password }) {
+    return new Promise((resolve, reject) => {
+        const users = [
+            { userName: 'admin', password: encrypt('admin519'), userId: 123 + '' },
+            { userName: 'visitor', password: encrypt('123456'), userId: 123 + '' },
+            { userName: 'editor', password: encrypt('1233456'), userId: 123 + '' }
+        ]
+        const isUser = users.find(item => item.userName === username)
+        if (isUser !== undefined) {
+            if (password === decrypt(isUser.password)) {
+              sleep(2000).then(() => resolve(isUser)) 
+            } else {
+              sleep(2000).then(() =>  reject()) 
+            }
+          } 
+        else {
+            sleep(2000).then(() =>  reject())
+        }
+    })
+}
\ No newline at end of file

src/views/user/login.vue

@@ -72,9 +72,9 @@
 </template>
 
 <script>
-import { encrypt, decrypt } from '@/utils/jsencrypt'
 import { Store } from '@/utils/storage'
 import { storeKey } from '@/utils/auth'
+import { Login } from './apis'
 export default {
   name: 'Login',
   data() {
@@ -137,20 +137,12 @@ export default {
     handleLogin() {
       this.$refs.loginForm.validate(pass => {
         if (pass) {
-          const users = [
-            { userName: 'admin', password: encrypt('admin519'), userId: 123 + '' },
-            { userName: 'visitor', password: encrypt('123456'), userId: 123 + '' },
-            { userName: 'editor', password: encrypt('1233456'), userId: 123 + '' }
-          ]
           this.loading = true
           const { username, password, rememberMe } = this.loginForm
-          const isUser = users.find(item => item.userName === username)
-          if (isUser !== undefined) {
-            if (password === decrypt(isUser.password)) {
-              setTimeout(() => {
+          Login({ username, password }).then((res) => {
                 this.loading = false
                 Store.set(storeKey.token, `${Math.random()}_${new Date().getTime()}`)
-                Store.set(storeKey.user, JSON.stringify({ userName: username, userId: isUser.userId, avatar: 'https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif' }))
+                Store.set(storeKey.user, JSON.stringify({ userName: username, userId: res.userId, avatar: 'https://wpimg.wallstcn.com/f778738c-e4f8-4870-b634-56703b4acafe.gif' }))
                 if (rememberMe) {
                   Store.set('username', username)
                   Store.set('password', encrypt(password))
@@ -161,12 +153,13 @@ export default {
                   Store.remove('rememberMe')
                 }
                 this.$router.push('/admin/list/index')
-              }, 1000)
-            }
-          } else {
-            this.$message.error('用户名或者密码不正确')
-            this.loading = false
-          }
+          }).catch((err) => {
+             this.$message.error('用户名或者密码不正确')
+             this.loading = false
+          });
+   
+          
+        
         } else return false
       })
     }