路由分模块原因：
vue框架中会有router文件，但是路由文件下只有一个路由文件，在实际项目开发中会有多人负责多模块的情况，若都在一个文件内编辑路由名称，就相当于是机房里的数据线，会很乱七八糟，十分的影响美观，对代码而言就是影响代码的合并与项目模块的区分，看着都头疼。

解决方案：对项目接口文件，项目模块路由文件分类存放。

实施方案：

API接口类
|-api文件夹|-common 公共通用接口|-modules 模块文件夹|-module_A 模块A的接口|-module_B 模块B的接口

ROUTER 路由
|-router 文件夹|-index.js |-modulesARoute 模块A路由文件夹|-routerA.js|-moduleBRoute 模块B路由文件夹|-routerB.js

index.js

important Vue from 'vue'  //生成框架会自带
important VueRouter from 'vue-router' //生成框架会自带
important {moduleA} from './modulesARoute/routerA'//**引入模块路由文件**
important {moduleB} from './modulesBRoute/routerB'//**引入模块路由文件**
const original=VueRouter.prototype.push //生成框架会自带
VueRouter.proptype.push=function(){//生成框架会自带return original.call(this,location).catch(err=>err)
}
Vue.use(VueRouter)//生成框架会自带
const routes=[{path:'/home',//首页name:'home',component:()=>important('@/pages/......home页的路径'),meta:{}}
]const router=new VueRouter({base:process.env.BASE_URL,//process.env.XXXXX 看具体项目的环境名是啥 api文件夹下会有文件标注各环境域名routes,//只使用一个路由文件时候 框架生成的也是这样的//当采用分模块路由时如下routes:[...routes,...moduleA,...moduleB]
})
export default router

moduleA

export const moduleA=[{path:'/moduleA_home',//首页name:'moduleA_home',component:()=>important('@/pages/......moduleA_home页的路径'),meta:{}}
]