vue2权限后端返回路由

可以通过后端返回的路由信息来实现权限控制。一般情况下，后端会返回所有的路由信息，包括路由名称、路径、组件、meta信息等。其中meta信息可以用来存储路由的权限信息，比如需要哪些角色才能访问该路由。

在前端，我们可以通过路由守卫来实现权限控制。在路由跳转时，判断当前用户是否有访问该路由的权限，如果没有则跳转到登录页面或者提示无权限。

下面是一个简单的示例：

// 路由守卫
router.beforeEach((to, from, next) => {
  // 判断是否登录
  if (!store.getters.loggedIn && to.path !== '/login') {
    next('/login')
  } else {
    // 判断是否有访问该路由的权限
    if (hasPermission(to)) {
      next()
    } else {
      next('/403')
    }
  }
})

// 判断是否有访问该路由的权限
function hasPermission(route) {
  // 从meta信息中获取权限信息
  const roles = route.meta.roles
  if (!roles) {
    // 如果没有设置权限信息，则默认允许访问
    return true
  }
  // 判断当前用户是否有权限访问该路由
  const userRoles = store.getters.roles
  return userRoles.some(role => roles.includes(role))
}

在上面的代码中，`hasPermission`函数用来判断当前用户是否有访问该路由的权限。它首先从路由的meta信息中获取权限信息（即哪些角色可以访问该路由），然后判断当前用户的角色是否在其中。如果是，则返回`true`，否则返回`false`。在路由守卫中，如果用户没有登录，则跳转到登录页面；如果有访问权限，则跳转到目标路由；否则跳转到403页面。