在Vue路由器中处理回调URL

Question

我使用Stamplay作为BaaS，因此要对用户进行身份验证，我只需重定向到

  

/ AUTH / V1 / auth0 /连接

之后，用户验证.. Stamplay用

调用我的应用程序

  

/login/callback?jwt=abc.123.xyz

如何在Stamplay致电我的应用程序后对用户进行身份验证？

试过

我的路由器配置我试试..

'/login/callback': {
  component: Vue.extend({
    ready() {
      // ...  THIS IS NOT CALLED!! NEVER
      console.log('... ready .. ')
      console.log(this.$route.query.jwt)
    }
  })
}

Answer 1

尝试从组件中访问this.$route.query.jwt。

Answer 2

您好我认为您的路由器配置中view会有一个/login/callback组件。你需要的是当这个组件被激活时，触发一些功能吗？

因此，在上面的视图组件中，您有data，methods，您可以尝试这样做：

//your component
'/login/callback': {
  component: Vue.extend({
  data(){
    return {
    }
  },
  methods: {},
  route: {
    activate(){
      console.log('... ready .. ')
    }
  }
}