vue.js - 在 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

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

所以在上面的视图组件中，你有data, methods，你可以尝试这样做：

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