Vue.js VUEJ删除添加的路由或清除添加的路由

Vue.js VUEJ删除添加的路由或清除添加的路由,vue.js,Vue.js,大家好, 我正在尝试删除vuejs上的AddDrootes。。在对vue路由器文档进行了数小时的研究之后,我找不到一种可以清除这些数据的方法 这是我的代码: new Vue({ el: '#app', render: h => h(App), router:router, data(){ return{ isAuth:null } }, created(){ this.checkAuthenticatio

大家好,

我正在尝试删除vuejs上的AddDrootes。。在对vue路由器文档进行了数小时的研究之后,我找不到一种可以清除这些数据的方法

这是我的代码:

new Vue({
  el: '#app',
  render: h => h(App),
  router:router,
  data(){
      return{
          isAuth:null
      }
  },
  created(){

        this.checkAuthentication();
        if(this.isAuth){
            this.getUserRole();
        }
        bus.$on('reload', (passData) => {
            this.getUserRole();
            if(this.isAuth){
               this.getUserRole();
            }
        });
  },
  methods:{
      getUserRole(){
          this.$http.get('api/users/getRole').then(response => {
              console.log(response);
              if(response.body.is_admin){
                router.addRoutes(Routes);
              }else if(response.body.is_buh){
                router.addRoutes(BUHRoutes);
              }else if(response.body.is_so) {

              }
          });
      },
      checkAuthentication(){
          this.isAuth = this.$auth.isAuthenticated();
      }
  }
});
我的场景是,当我登录时,如果成功,我将获得userRole,并基于该用户角色添加基于userRole的路由
router.addRoutes()
。但是,当我注销时,我在控制台日志
[vue router]重复命名路由定义:{name:“division maintenance”,path:“/division maintenance”}
上收到此警告。这就是为什么我在研究如何清除干旱的原因


任何帮助都将不胜感激。

我使用vue route创建了一个示例文件

import Vue from 'vue'
import Router from 'vue-router'
import Home from './views/Home.vue'

Vue.use(Router)

export default new Router({
  base: process.env.BASE_URL, //config url base
  routes: [
    {
      path: '/home',
      name: 'home',
      component: Home
    },
  ],
  mode: 'history'
})

属性
模式:'history'
删除
#

我认为目前没有办法删除它。但是嗨,雅各布,这有点让人困惑。。。我最后的办法是在用户注销时刷新浏览器。。我还想到我需要重新初始化路由器。。。但在你刚刚发送的示例中,它令人困惑。谢谢,对于解决方案反馈,它帮助我节省了很多时间,也避免了噩梦。