Vue路由全局前置守卫：权限控制与页面标题设置

这段代码是在Vue的路由配置中使用的一个全局前置守卫函数。在每次路由切换之前都会执行这个函数。\n\n函数的参数to、from、next分别代表即将进入的路由对象、当前路由对象和一个用于跳转到下一个路由的回调函数。\n\n函数的作用如下：\n\n1. 设置页面的标题：document.title = ${to.meta.title} | vue-manage-system;。这里使用了Vue Router提供的路由元信息（meta）来设置标题。\n\n2. 检查用户角色权限：通过localStorage.getItem('ms_username')获取用户角色信息，如果用户未登录且目标路由不是登录页面，则跳转到登录页面。\n\n3. 检查路由是否需要权限：如果目标路由的元信息中设置了permission属性，则表示该路由需要特定的权限才能访问。\n\n4. 检查用户角色是否满足权限要求：如果用户角色是管理员，则可以进入目标路由，否则跳转到403页面。\n\n5. 如果以上条件都不满足，则直接进入目标路由。\n\n总结起来，这段代码的作用是在每次路由切换之前检查用户权限，并根据权限设置页面标题和路由跳转。