自动路由模块

Question

我已经成功地为vuex存储文件创建了一个自动加载程序，但是我无法让它对vue路由器文件起作用。

我总是得到错误的[vue-router] "path" is required in a route configuration.

index.js自动文件

import camelCase from 'lodash/camelCase';

const requireRoute = require.context('.', false, /\.js$/); // extract js files inside modules folder
const routes = {};

requireRoute.keys().forEach((fileName) => {
  if (fileName === './index.js') return; // reject the index.js file

  const routeName = camelCase(fileName.replace(/(\.\/|\.js)/g, '')); //

  routes[routeName] = requireRoute(fileName).default;
});

export default routes;

router.js

import Vue from 'vue';
import Router from 'vue-router';
import Home from '../views/Home.vue';

import routes from '@/routes/modules';

Vue.use(Router);

export default new Router({
  mode: 'history',
  base: process.env.BASE_URL,
  routes: [
    {
      path: '/',
      name: 'home',
      component: Home,
      meta: {
        icon: 'fa-tachometer',
        title: 'Dashboard',
        inMenu: true,
      },
    },
    routes,
  ],
});

谁能给我指明正确的方向？

Answer 1

我必须设置const routes = [];，并必须将其设置为数组。

因此，以下代码起作用：

index.js

const requireRoute = require.context('.', false, /\.js$/); // extract js files inside modules folder
const routes = [];

requireRoute.keys().forEach((fileName) => {
  if (fileName === './index.js') return; // reject the index.js file

  routes.push(requireRoute(fileName).default);
});

export default routes;

router.js

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

import routes from '@/routes/modules';

Vue.use(Router);

export default new Router({
  mode: 'history',
  base: process.env.BASE_URL,
  routes,
});