// src/router/routes/unauthorize-routes/index.ts
import Layout from '@/layout/index.vue'
import { RouteRecordRaw } from 'vue-router'

const routes: RouteRecordRaw[] = [
  {
    path: '/login',
    name: 'login',
    component: () => import('@/views/login/index.vue')
  },
  {
    path: '/',
    component: Layout,
    redirect: '/profile',
    children: [
      {
        path: '/profile',
        name: 'profile',
        component: () => import('@/views/profile/index.vue'),
        meta: {
          title: 'profile',
          icon: 'user'
        }
      },
      {
        path: '/404',
        name: '404',
        component: () => import('@/views/error-page/404.vue')
      },
      {
        path: '/401',
        name: '401',
        component: () => import('@/views/error-page/401.vue')
      }
    ]
  }
]

export default routes

// src/router/routes/authorize-routes/index.ts
import { RouteRecordRaw } from 'vue-router'
import articleCreate from './article-create'
import article from './article'
import permissionList from './permission-list'
import userManage from './user-manage'
import roleList from './role-list'

const routes: RouteRecordRaw[] = [
  articleCreate,
  article,
  permissionList,
  userManage,
  roleList
]

export default routes


// /src/store/permission.ts
// 专门处理权限路由的模块
import publicRoutes from '@/router/routes/unauthorize-routes'
import privateRoutes from '@/router/routes/authorized-routes'
console.log(publicRoutes, privateRoutes)

export default {
  namespaced: true,
  state: {
    // 路由表：初始拥有静态路由权限
    routes: publicRoutes
  },
  ....
}

老师，permission.ts里打印出来的内容是这样的

现在很是疑惑，目前也没有循环引用的问题。