Vuejs2 vue addRoutes不工作后刷新 我的项目需要使用“访问控制”:

Vuejs2 vue addRoutes不工作后刷新 我的项目需要使用“访问控制”:,vuejs2,vue-router,Vuejs2,Vue Router,例如: 用户“1”可以访问a页和b页,不能访问c页和d页 用户“2”可以访问c页和d页,不能访问a页和b页 我想我可以使用vue路由器addRoutes方法 在文件“login.vue”中,显示代码: // more code // User login success sessionStorage.setItem('user', JSON.stringify(user)); // From server get the routes data getRoutes().then(data

例如:

  • 用户“1”可以访问a页和b页,不能访问c页和d页

  • 用户“2”可以访问c页和d页,不能访问a页和b页

我想我可以使用vue路由器
addRoutes
方法

在文件“login.vue”中,显示代码:

// more code

// User login success
sessionStorage.setItem('user', JSON.stringify(user));

// From server get the routes data
getRoutes().then(data => {

  // Routes data save in to sessionStorage
  sessionStorage.setItem('routes', JSON.stringify(data.routes));

  // Format data && created vue Router object
  let routes = this.routeCreater(data.routes);

  // addRoutes
  this.$router.addRoutes(routes);

  this.$router.push({ path: '/Index' });
})

// more code
路由正常工作。但是,如果我刷新此页面(按“F5”键)。使用
addRoutes()
动态添加路由无效

请帮帮我。Thx