项目路由分模块A模块B模块C......模块N使用

路由分模块原因：
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:{}
	}
]