例如:
用户' 1'可以访问页面a和页面b,无法访问页面c和页面d。
用户' 2'可以访问页面c和页面d,无法访问页面a和页面b。
我认为我可以使用vue-router 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。