Обрабатывать URL обратного вызова в маршрутизаторе Vue

Question

Я использую Stamplay в качестве BaaS, поэтому для аутентификации пользователя я просто перенаправляю на

/ Авт /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 .. ')
    }
  }
}