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

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

最大的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('后端返回的模块路径')；

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

vue 后台获取路由表，addRouters动态路由相关推荐

ant design vue input change_Ant-design-vue项目实现动态路由
vue项目实现动态路由的方式大体可分为两种: 1.前端这边把路由写好,登录的时候根据用户的角色权限来动态展示路由,(前端控制路由) 2.后台传来当前用户对应权限的路由表,前端通过调接口拿到路由信息后处 ...
Vue+ant-design-pro（2）动态路由
第一篇文章简单的介绍了一下ant-design-pro,关于项目的搭建,我想官网的文档已经写得很清楚了,这里就不多做赘述了,这篇文章,我们来探讨一下ant-design-pro的动态路由. 动态路由首 ...
vue后台获取数据量确定渲染轮播图的页量
轮播图每页展示6条数据,数据量不确定.轮播图页数要随着数据量的大小来确定贴代码: <el-carousel trigger="click" :autoplay='false ...
vue 后台获取数据下拉框_Vue开发中的一些常见套路和技巧
属性排放管理请求加载状态 Proxy跨域对developer和build的打包进行不同配置大部分开发者都喜欢将Vue的config写在一个文件中,看起来是没有问题,但是随着环境的变化,项目优化, ...
Vue 动态路由的实现(后台传递路由，前端拿到并生成侧边栏)
今天我们来讲讲用后台传递路由表实现动态路由的思路,因为公司的项目里路有部分用到了vuex,我就把路由部分脱离vuex整理了出来,让大家有个启发,并不是绝对的解决方案,只是思路 github:https ...
Vue 动态路由的实现
vue项目实现动态路由的方式大体可分为两种: 前端这边把路由写好,登录的时候根据用户的角色权限来动态展示路由,(前端控制路由) 详情可参阅花裤衩大佬的项目手把手-,我当时看这个项目看了好久才明白一点逻 ...
使用Vue实现后台管理系统的动态路由以及侧边栏菜单
介绍及说明 1.背景介绍:最近因为公司的项目,对一个后台管理系统进行前端重构,原项目是SSM架构的前后端没有分离,前端用JSP和jQuery来写的,在完成第一期之后,我强烈要求前后端分离,并使用vue ...
vue实现动态路由一步到位
最近在写vue项目,需要由后台传来当前用户对应权限的路由表,前端通过调接口拿到后处理(后端处理路由),就是配置vue动态路由啦. 由于错信了一些网上的文章:(,导致在这个问题上耗费了不少时间,想想,还 ...
vue将每个路由打包成html,Ant Design Vue pro 动态路由的实现和打包
Ant Design Vue pro 动态路由的实现和打包 Ant Design Vue pro 动态路由的实现和打包配置路由权限在config文件夹下router.config.js中配置路由权 ...

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

vue 后台获取路由表，addRouters动态路由相关推荐

最新文章

热门文章