项目路由布局

yicode 项目，默认采用 页面结构即路由 的方式来进行路由组装，我们不需要过多考虑路由方面的问题，一切，都已就绪。

页面结构

如下，

src/pages
├── detail
│   ├── index.vue
│   └── route.js
└── index
    ├── index.vue
    └── route.js

页面访问

那么，我们如何访问首页和详情页呢？

/detail 即可，页面结构即路由

页面路由（将“骨”，“架”连为一体）

import Vue from 'vue';
import VueRouter from 'vue-router';

// 处理路由重复导航问题
let originalPush = VueRouter.prototype.push;
VueRouter.prototype.push = function push(location) {
    return originalPush.call(this, location).catch((err) => err);
};
Vue.use(VueRouter);

let routeList = [];
let importAll = require.context('@/pages', true, /route\.js$/);
importAll.keys().map((path) => {
    let route = importAll(path).default || importAll(path);
    routeList.push(route);
});

// 导入自动生成的路由文件
let router = new VueRouter({
    routes: routeList
});

export default router;

如你所见，yicode 不仅提供了项目组织的方式，还提供了大量的【自动化】操作，比如：路由、插件、指令、过滤器、api 等自动导入，可以让我们更加专注与业务实现和更轻松的项目维护。