解决vue-admin-template中权限控制使用动态路由刷新后404的问题

vue-admin-template (vue-element-admin)是个非常好用的B端UI框架,谁用谁知道!

在使用的过程中,加入权限模块后,刷新后权限控制的页面就默认跳转到404页面了,搞了半天终于解决了,原因是权限控制的路由模块是动态添加进去的,而我的404监听路由是在默认路由里面的,优先级比动态路由要高,所以刷新后默认先被404接管了,改一下,把404监听路由也放到动态路由的末尾就可以了,代码如下:

// 404 page must be placed at the end !!!
{ path: '*', redirect: '/404', hidden: true }

把上面这个路由从constantRoutes转移到asyncRoutes中即可!

你可能感兴趣的:(vuejs+webpack,vue,前端)