init

src/store/index.js

 import Vue from 'vue'
 import Vue from 'vue'
 import Vuex from 'vuex'
 import Vuex from 'vuex'
 import VuexPersistence from 'vuex-persist'
 import VuexPersistence from 'vuex-persist'
+import createLogger from 'vuex/dist/logger'
 import portal from './modules/portal'
 import portal from './modules/portal'
 
 
 // vuex 数据存储 进行本地存储操作
 // vuex 数据存储 进行本地存储操作
@@ -14,7 +15,8 @@ const store = new Vuex.Store({
   strict: process.env.NODE_ENV !== 'production',
   strict: process.env.NODE_ENV !== 'production',
   modules: {
   modules: {
     portal
     portal
-  }
+  },
+  plugins: [vuexLocal.plugin, createLogger()]
 })
 })
 
 
 export default store
 export default store

src/views/login/index.vue

 <template>
 <template>
   <div class="login-container">
   <div class="login-container">
-
-    <a-form :form="form" class="form" @submit="handleSubmit">
+    <a-form :form="form" class="login-form" @submit="handleSubmit">
       <a-form-item class="form-item logo">
       <a-form-item class="form-item logo">
         logo
         logo
       </a-form-item>
       </a-form-item>
@@ -64,17 +63,9 @@ export default {
   background-repeat: no-repeat;
   background-repeat: no-repeat;
   background-position: center 110px;
   background-position: center 110px;
   background-size: 100%;
   background-size: 100%;
-  .form {
-    width: 100%;
-    height: 100%;
-    margin: 0 auto;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    .form-item{
-      width: 30%;
-    }
+  .login-form {
+    width: 400px;
+    margin: 250px auto 0;
     .logo{
     .logo{
       text-align: center;
       text-align: center;
     }
     }