动态引入路由require.context

目录

image.png

login.router.js

export default {
  path: '/',
  name: 'login',
  component: () => import('@/views/login/index.vue'),
}

index.js

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

Vue.use(VueRouter)

const routerList = []

function importAll(r) {
  r.keys().forEach(item => routerList.push(r(item).default))
}
importAll(require.context('./', false, /\.router\.js/))

console.log(routerList)

const routes = [...routerList]

const router = new VueRouter({
  routes,
})

export default router

image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容