vue 后台获取路由表,addRouters动态路由

解决Vue项目中动态路由加载组件的问题,通过自定义导入方法,实现后端返回的模块路径正确解析。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

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

转载于:https://www.cnblogs.com/cutone/p/9755088.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值