Ant Design Vue pro 动态路由的实现和打包(1)

“permissionName”: “VIP管理”

},

{

“permissionId”: “brandownermanage”,

“permissionName”: “品牌商管理”

},

{

“permissionId”: “machinemanage”,

“permissionName”: “机器管理”

},

{

“permissionId”: “softwaremanage”,

“permissionName”: “软件管理”

},

{

“permissionId”: “officialaccounts”,

“permissionName”: “公众号设置”

}

]

}

},

“message”: “获取数据成功”

}

动态路由效果完成

---

• 修改退出登录需要两次退出问题

修改根目录下permission.js

源js

修改后js

删除

if (to.path === loginRoutePath) {

next({ path: defaultRoutePath })

NProgress.done()

}

• 打包

在vue.config.js中添加：

publicPath:‘./’,

outputDir:‘dist’,

修改router下index.js

export default new Router({

mode: ‘hash’,

routes: constantRouterMap

})

最后

文章到这里就结束了，如果觉得对你有帮助可以点个赞哦

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

了，如果觉得对你有帮助可以点个赞哦**

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

[外链图片转存中…(img-9PXodp2G-1714252576412)]