Question

我是VueJS的新手，我使用的是VueJS 2 Webpack模板。如果登录成功，我试图从登录组件重定向到主组件，我尝试了很多东西，但我仍然遇到错误。这是我的路线：

const router = new VueRouter({
  mode: 'history',
  routes: [{
    'name': 'home',
    path: '/',
    component: require('./components/Home.vue'),
    beforeEnter: (to, from, next) => {
      if (!localStorage.getItem('user')) {
        next('/login')
      }
    }
  }, {
    'name': 'profile',
    path: '/profile',
    component: require('./components/Profile.vue'),
    beforeEnter: (to, from, next) => {
      if (!localStorage.getItem('user')) {
        next('/login')
      }
    }
  }, {
    'name': 'login',
    path: '/login',
    component: require('./components/Login.vue')
  }, {
    'name': 'new',
    path: '/new',
    component: require('./components/New.vue'),
    beforeEnter: (to, from, next) => {
      if (!localStorage.getItem('user')) {
        next('/login')
      }
    }
  }, {
    'name': 'signup',
    path: '/signup',
    component: require('./components/Signup.vue')
  }, {
    'name': 'logout',
    path: '/logout',
    beforeEnter: (to, from, next) => {
      localStorage.removeItem('user')
      next('/login')
    }
  }, {
    'name': 'article',
    path: '/article/:id',
    component: require('./components/Article.vue'),
    beforeEnter: (to, from, next) => {
      if (!localStorage.getItem('user')) {
        next('/login')
      }
    }
  }]
})

这就是我试图重定向到家庭组件的内容：

this.$router.replace(this.$router.go('/'))

我收到了这个错误：

Uncaught (in promise) TypeError: Cannot read property 'name' of undefined(…)

Answer 1

this.$router.replace()需要一个位置。

this.$router.go('/')浏览浏览器历史记录，因此不应该返回任何内容。它基本上像window.history.go(Number)。

如果您想要替换您所在页面，可能需要this.$router.replace('/')。

另外。我会查看这部分文档。您可以将大量重复代码放在beforeEach。

中

https://router.vuejs.org/en/advanced/meta.html

转到Vuejs 2的特定路线

1 个答案: