相思资源网 Design By www.200059.com
1. 目录结构
废话不多说，直接上图。
目录结构，如下图所示
2. 代码编写位置
在router目录下面的index.js文件中写入以下代码
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
let routes = []
const routerContext = require.context('./', true, /index\.js$/)
routerContext.keys().forEach(route => {
// 如果是根目录的 index.js、 不做任何处理
if (route.startsWith('./index')) {
return
}
const routerModule = routerContext(route)
// 兼容 import export 和 require module.export 两种规范 Es modules commonjs
routes = [...routes, ...(routerModule.default || routerModule)]
})
export default new Router({
mode: 'history',
base: process.env.BASE_URL,
routes: routes
})
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对的支持。
相思资源网 Design By www.200059.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
相思资源网 Design By www.200059.com
暂无多个vue子路由文件自动化合并的方法的评论...