Vue

近日公司要求管理端动态管理路由，在登录时从后端获取路由配置动态生成路由

最大的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