vue2权限后端返回路由

在Vue2中，你可以通过以下步骤实现从后端返回的路由实现权限控制：

1. 首先在后端定义好需要返回的路由信息，包括路由名称、路由路径、路由组件等等。

2. 前端在获取到后端返回的路由信息后，通过Vue Router的addRoutes方法将这些路由动态添加到路由表中。

3. 在Vue Router的全局前置守卫中，根据用户权限判断是否有权访问该路由，如果没有则跳转到相应的提示页面或者登录页。

以下是示例代码：

// 后端返回的路由信息格式
const routes = [
  {
    name: 'home',
    path: '/',
    component: Home,
    meta: {
      auth: true // 是否需要登录权限
    }
  },
  {
    name: 'about',
    path: '/about',
    component: About,
    meta: {
      auth: false // 不需要登录权限
    }
  }
]

// 动态添加路由
router.addRoutes(routes)

// 全局前置守卫
router.beforeEach((to, from, next) => {
  if (to.meta.auth && !isLoggedIn()) { // 判断是否需要登录权限和是否已登录
    next('/login')
  } else {
    next()
  }
})