在 Vue 路由器中处理回调 url

Question

我将 Stamplay 用作 BaaS，因此为了验证用户身份，我只是重定向到

/auth/v1/auth0/connect

之后，用户进行身份验证.. 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

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

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

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

在 Vue 路由器中处理回调 url

Handle callback urls in Vue router

vue.js

auth0

stamplay

vue-router

尝试过