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/