默认将 src/views 文件夹下的全部 vue 文件加载为路由页。修改文件 src/router/index.js 即可:

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

Vue.use(VueRouter)

// 遍历 views 文件夹下的全部 vue 文件
const requireViews  = require.context('../views', true, /\w+\.vue$/);
// 获取所有组件对象,遍历设置
const routes = requireViews.keys().map((viewPath, index) => {
  let viewName = viewPath.split('.vue')[0].substr(2);
    return {
      path: viewName === 'index' ? '/' : `/${viewName}`,
      name: viewName,
      component: () => import(`../views/${viewName}.vue`)
    }
});

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router

Logo

前往低代码交流专区

更多推荐