vue2 自动生成路由

记录 vue 自动生成路由。

不知道有人觉得写路由很麻烦重复又繁琐，而且还有可能会写错。真的很伤脑筋，但用不知道如何解决这个痛点。现在小编就提供一种思路来解决。

文件目录如下

一个文件夹里有一个vue文件和一个pege.js文件，vue文件是页面，page.js文件就是要给路由进行配置的文件，例如他的名字啊，权重啊等等。小编就配一个名称为例。（page.js文件）

然后进入router配置文件里。开始我们自动生成路由。

第一步先找到view文件夹里所有的page.js文件，可以使用webpack里的

require.context('../', true, /page\.js$/) 

来找寻

找到以后进行for循环拿到导出来的信息。

第二步根据第一步步骤获取到 view 文件夹下的所有 index.vue 文件

第三步，进行路由组装

循环page导出的文件，来对路由进行组装

最后就实现了自动生成路由。

 gitee地址：https://gitee.com/jiang-caibao/duyi_test/tree/master/zidongroute