近日公司要求管理端动态管理路由,在登录时从后端获取路由配置动态生成路由
最大的bug出在,component属性运用import引入时,会找不到模块
无论使用import或者require,在引入一个变量时,都无法找到该变量指向的模块路径
routerItem.component = () => import('后端返回的模块路径');
后引入一个_import_development.js
module.exports = file => require('@/views/' + file + '.vue').default // vue-loader at least v13.0.0+
后在登陆后引入
const _import = require('@/router/_import_development') //获取组件的方法
使用 _import 方法
routerItem.component = _import('后端返回的模块路径');
ok