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

Author: pixel

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')
     }
 ]
 

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)

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;
     }