fix(router): 修复路由权限问题

Author: lisgroup

admin/src/layout/components/Sidebar/index.vue

@@ -12,7 +12,7 @@
         :collapse-transition="false"
         mode="vertical"
       >
-        <sidebar-item v-for="route in routes" :key="route.path" :item="route" :base-path="route.path" />
+        <sidebar-item v-for="route in permission_routes" :key="route.path" :item="route" :base-path="route.path" />
       </el-menu>
     </el-scrollbar>
   </div>
@@ -28,11 +28,9 @@ export default {
   components: { SidebarItem, Logo },
   computed: {
     ...mapGetters([
+      'permission_routes',
       'sidebar'
     ]),
-    routes() {
-      return this.$router.options.routes
-    },
     activeMenu() {
       const route = this.$route
       const { meta, path } = route

admin/src/router/index.js

@@ -244,7 +244,7 @@ const routeBase = [
  * a base page that does not have permission requirements
  * all roles can be accessed
  */
-export const constantRoutes = [...routeBase, ...asyncRoutes]
+export const constantRoutes = [...routeBase]
 
 const createRouter = () => new Router({
   // mode: 'history', // require service support

admin/src/store/getters.js

@@ -6,6 +6,7 @@ const getters = {
   name: state => state.user.name,
   roles: state => state.user.roles,
   // permission_routers: state => state.user.routers,
-  addRouters: state => state.user.addRouters
+  addRouters: state => state.user.addRouters,
+  permission_routes: state => state.permission.routes
 }
 export default getters