404不再全屏展示 方便退出和修改配置

pixel · pixel · commit 8593bcdb9863 · 2020-05-15T14:45:14.000+08:00
diff --git a/web/src/router/index.js b/web/src/router/index.js
@@ -18,12 +18,6 @@ const baseRouters = [{
         name: 'register',
         component: () =>
             import ('@/view/login/register.vue')
-    },
-    {
-        path: "/404",
-        name: "404",
-        component: () =>
-            import ('@/view/error/index.vue')
     }
 ]
 
diff --git a/web/src/store/module/router.js b/web/src/store/module/router.js
@@ -37,11 +37,20 @@ export const router = {
             }]
             const asyncRouterRes = await asyncMenu()
             const asyncRouter = asyncRouterRes.data.menus
+            asyncRouter.push({
+                path: "404",
+                name: "404",
+                hidden: true,
+                meta: {
+                    title: "迷路了*。*",
+                },
+                component: 'view/error/index.vue'
+            })
             formatRouter(asyncRouter)
             baseRouter[0].children = asyncRouter
             baseRouter.push({
                 path: '*',
-                redirect: '/404'
+                redirect: '/layout/404'
 
             })
             asyncRouterHandle(baseRouter)
diff --git a/web/src/view/error/index.vue b/web/src/view/error/index.vue
@@ -4,6 +4,7 @@
             <div class="inner">
                 <img src="../../assets/notFound.png">
                 <p>页面被神秘力量吸走了，请联系我们修复</p>
+                <p style="font-size:18px;line-height:40px;">常见问题为菜单未分配仪表盘，可自行分配仪表盘或修改默认路由</p>
                 <p>↓</p>
                 <img src="../../assets/qm.png" class="leftPic">
             </div>
@@ -21,7 +22,7 @@ export default {
 <style lang="scss">
     .big{
         width: 100%;
-        height: 100vh;
+        height: calc(100vh - 220px);
         background-color: rgb(244,244,244);
         position: relative;
     }

Original file line number	Diff line number	Diff line change
`@@ -18,12 +18,6 @@ const baseRouters = [{`
`18`	`18`	`name: 'register',`
`19`	`19`	`component: () =>`
`20`	`20`	`import ('@/view/login/register.vue')`
`21`		`- },`
`22`		`- {`
`23`		`- path: "/404",`
`24`		`- name: "404",`
`25`		`- component: () =>`
`26`		`- import ('@/view/error/index.vue')`
`27`	`21`	`}`
`28`	`22`	`]`
`29`	`23`