获取vue项目中所有路线的列表，并生成站点地图- Vue项目

npm install vue-router

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const routes = [
  // 定义路由
  { path: '/', component: Home },
  { path: '/about', component: About },
  // 更多路由...
]

const router = new VueRouter({
  routes // 使用定义的路由
})

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

const routes = this.$router.options.routes

function generateSiteMap(routes) {
  const siteMap = []

  routes.forEach(route => {
    const siteMapItem = {
      path: route.path,
      component: route.component,
      children: []
    }

    if (route.children) {
      siteMapItem.children = generateSiteMap(route.children)
    }

    siteMap.push(siteMapItem)
  })

  return siteMap
}

const siteMap = generateSiteMap(routes)