fix: router redirect

src/components/page/PageHeader.vue

@@ -3,9 +3,10 @@
     <div class="page-header-index-wide">
       <a-breadcrumb class="breadcrumb">
         <a-breadcrumb-item v-for="(item, index) in breadList" :key="index">
-          <router-link v-if="item.name != name" :to="{ path: item.path }">
-            {{ item.meta.title }}
-          </router-link>
+          <router-link
+            v-if="item.name != name && index != 1"
+            :to="{ path: item.path === '' ? '/' : item.path }"
+          >{{ item.meta.title }}</router-link>
           <span v-else>{{ item.meta.title }}</span>
         </a-breadcrumb-item>
       </a-breadcrumb>
@@ -34,7 +35,6 @@
             <slot name="pageMenu"></slot>
           </div>
         </div>
-
       </div>
     </div>
   </div>
@@ -80,7 +80,7 @@ export default {
     this.getBreadcrumb()
   },
   methods: {
-    getBreadcrumb () {
+    getBreadcrumb () {
       this.breadList = []
       // this.breadList.push({name: 'index', path: '/dashboard/', meta: {title: '首页'}})
 
@@ -101,137 +101,136 @@ export default {
 
 <style lang="less" scoped>
 
-  .page-header {
-    background: #fff;
-    padding: 16px 32px 0;
-    border-bottom: 1px solid #e8e8e8;
+.page-header {
+  background: #fff;
+  padding: 16px 32px 0;
+  border-bottom: 1px solid #e8e8e8;
 
-    .breadcrumb {
-      margin-bottom: 16px;
-    }
+  .breadcrumb {
+    margin-bottom: 16px;
+  }
 
-    .detail {
-      display: flex;
-      /*margin-bottom: 16px;*/
+  .detail {
+    display: flex;
+    /*margin-bottom: 16px;*/
 
-      .avatar {
-        flex: 0 1 72px;
-        margin: 0 24px 8px 0;
-
-        & > span {
-          border-radius: 72px;
-          display: block;
-          width: 72px;
-          height: 72px;
-        }
+    .avatar {
+      flex: 0 1 72px;
+      margin: 0 24px 8px 0;
+
+      & > span {
+        border-radius: 72px;
+        display: block;
+        width: 72px;
+        height: 72px;
       }
+    }
 
-      .main {
-        width: 100%;
-        flex: 0 1 auto;
+    .main {
+      width: 100%;
+      flex: 0 1 auto;
 
-        .row {
-          display: flex;
-          width: 100%;
+      .row {
+        display: flex;
+        width: 100%;
 
-          .avatar {
-            margin-bottom: 16px;
-          }
+        .avatar {
+          margin-bottom: 16px;
         }
+      }
 
-        .title {
-          font-size: 20px;
-          font-weight: 500;
+      .title {
+        font-size: 20px;
+        font-weight: 500;
 
-          font-size: 20px;
-          line-height: 28px;
-          font-weight: 500;
-          color: rgba(0,0,0,.85);
-          margin-bottom: 16px;
-          flex: auto;
+        font-size: 20px;
+        line-height: 28px;
+        font-weight: 500;
+        color: rgba(0,0,0,.85);
+        margin-bottom: 16px;
+        flex: auto;
 
-        }
-        .logo {
-          width: 28px;
-          height: 28px;
-          border-radius: 4px;
-          margin-right: 16px;
-        }
-        .content, .headerContent {
-          flex: auto;
-          color: rgba(0,0,0,.45);
-          line-height: 22px;
-
-          .link {
-            margin-top: 16px;
-            line-height: 24px;
-
-            a {
-              font-size: 14px;
-              margin-right: 32px;
-            }
+      }
+      .logo {
+        width: 28px;
+        height: 28px;
+        border-radius: 4px;
+        margin-right: 16px;
+      }
+      .content, .headerContent {
+        flex: auto;
+        color: rgba(0,0,0,.45);
+        line-height: 22px;
+
+        .link {
+          margin-top: 16px;
+          line-height: 24px;
+
+          a {
+            font-size: 14px;
+            margin-right: 32px;
           }
         }
-        .extra {
-          flex: 0 1 auto;
-          margin-left: 88px;
-          min-width: 242px;
-          text-align: right;
-        }
-        .action {
-          margin-left: 56px;
-          min-width: 266px;
-          flex: 0 1 auto;
-          text-align: right;
-          &:empty {
-            display: none;
-          }
+      }
+      .extra {
+        flex: 0 1 auto;
+        margin-left: 88px;
+        min-width: 242px;
+        text-align: right;
+      }
+      .action {
+        margin-left: 56px;
+        min-width: 266px;
+        flex: 0 1 auto;
+        text-align: right;
+        &:empty {
+          display: none;
         }
       }
     }
   }
+}
 
-  .mobile .page-header {
+.mobile .page-header {
 
-    .main {
+  .main {
 
-      .row {
-        flex-wrap: wrap;
+    .row {
+      flex-wrap: wrap;
 
-        .avatar {
-          flex: 0 1 25%;
-          margin: 0 2% 8px 0;
-        }
-        .content, .headerContent {
-          flex: 0 1 70%;
+      .avatar {
+        flex: 0 1 25%;
+        margin: 0 2% 8px 0;
+      }
+      .content, .headerContent {
+        flex: 0 1 70%;
 
-          .link {
-            margin-top: 16px;
-            line-height: 24px;
+        .link {
+          margin-top: 16px;
+          line-height: 24px;
 
-            a {
-              font-size: 14px;
-              margin-right: 10px;
-            }
+          a {
+            font-size: 14px;
+            margin-right: 10px;
           }
         }
-        .extra {
-          flex: 1 1 auto;
-          margin-left: 0;
-          min-width: 0;
-          text-align: right;
-        }
-        .action {
-          margin-left: unset;
-          min-width: 266px;
-          flex: 0 1 auto;
-          text-align: left;
-          margin-bottom: 12px;
-          &:empty {
-            display: none;
-          }
+      }
+      .extra {
+        flex: 1 1 auto;
+        margin-left: 0;
+        min-width: 0;
+        text-align: right;
+      }
+      .action {
+        margin-left: unset;
+        min-width: 266px;
+        flex: 0 1 auto;
+        text-align: left;
+        margin-bottom: 12px;
+        &:empty {
+          display: none;
         }
       }
     }
   }
-</style>
+</style>

src/config/router.config.js

@@ -43,7 +43,7 @@ export const asyncRouterMap = [
       // forms
       {
         path: '/form',
-        redirect: '/form/basic-form',
+        redirect: '/form/base-form',
         component: PageView,
         meta: { title: '表单页', icon: 'form', permission: [ 'form' ] },
         children: [
@@ -258,6 +258,7 @@ export const asyncRouterMap = [
       {
         path: '/account',
         component: RouteView,
+        redirect: '/account/center',
         name: 'account',
         meta: { title: '个人页', icon: 'user', keepAlive: true, permission: [ 'user' ] },
         children: [