Vue-router中如何避免addRoutes添加路由时出现的问题？

本文共计1761个文字，预计阅读时间需要8分钟。

最近项目中使用了vue-router的addRoutes这个API，遇到了一个小坑。总结一下：

场景复现：在进行前端开发时，同班的同学大多都遇到过这种需求：页面菜单根据用户权限动态生成。

问题：在实现页面菜单权限动态生成时，使用addRoutes API时遇到了问题。

解决方案：经过排查和尝试，发现是路由配置的顺序问题导致的。确保在调用addRoutes前，所有路由配置已经完成，并且路由顺序正确。

总结：在使用vue-router的addRoutes API时，注意路由配置的顺序，确保所有路由配置在调用addRoutes之前已经完成。

最近项目中使用了vue-router的addRoutes这个api，遇到了一个小坑，记录总结一下。