Question

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

我在flask中设置了服务器路由，如下所示：

@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页面。有什么想法吗？

Answer 1

我有一些问题并找到解决方案...... 在vuejs 2 +

中试试这个

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

Answer 2

通过$router方法操作窗口位置并不会导致浏览器执行整页重新加载，这是您在这种情况下的需要。您需要手动设置窗口位置：

window.location.replace('/logout')

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

2 个答案: