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中即可!
总结:
静态路由的权限高于动态路由,404页面要么不放(不可能的),要么拉取完后拼接到动态路由末尾
vue-admin-template官方也给出了提示的,由于我在动态路由里面也放了404,因为优先级问题导致404被静态路由接管

感谢老铁:
版权声明:本文为CSDN博主「show_code」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/playboyanta123/article/details/106011821/

猜你喜欢

转载自www.cnblogs.com/antake/p/12904382.html