首页 文章

VueJS与vue-router如何重定向到服务器路由

提问于
浏览
5

我正在尝试将用户单击注销链接重定向到服务器呈现的注销页面 . 但是,由于它代表下面的代码,我只是被重定向到默认路径 .

我在烧瓶中设置了服务器路由,如下所示:

@app.route('/logout')
def logout():
    logout_user()
    return render_template('login.html')

在vue我想重定向路由,以便我被定向到服务器路由 .

<template>
<a v-on:click="logout">Logout</a>
</template>
<script>
  export default {
    name: SomePage.vue
  },
  methods: {
    logout () {
      this.$router.replace('/logout')
      // I also tried .go('/logout')
    }
  }
 </script>

那我需要在路由器中设置路由吗?

export default new Router {
  routes: {
     {
     path: '/'
     component: Default
     children: [
       {
       path: '/logout'
       // no component added here - is it needed?
       }
     ]
  }
}

由于我已经重定向到/ logout,我不确定如何为此路由添加组件会有所帮助,因为我只想转到base / logout并获取服务器返回的.html页面 . 有任何想法吗?

2 回答

  • 12

    通过 $router 方法操作窗口位置并不需要手动设置窗口位置:

    window.location.replace('/logout')
    
  • 9

    我有一些问题并找到解决方案...在vuejs 2中尝试这个

    this.$router.push('/logout')
    

相关问题