多个vue子路由文件的自动合并方法

1.目录结构

废话不多说，直接上图。

目录结构如下图所示

2.代码编写位置

在路由器目录下的index.js文件中编写以下代码

从“vue”导入Vue从“vue-router”导入Router Vue . use(Router)let routes=[]const routerContext=require . context('。/'，true，/index\。js $/) routercontext.keys()。foreach(route={//如果是根目录的index.js，则不做任何if (route。以(')开头。/index '){ return } Const router module=router context(route)//与导入导出兼容并需要module.export规范esmodules commonjs routes=[.路线，(routermodule。default | | routermodule)])导出默认新路由器({mode:' history '，base:process.env.base _ URL，routes:routes})

以上就是本文的全部内容。希望本文的内容对大家的学习或工作有一定的参考价值。谢谢你的支持。