Vue JS, как обрабатывать ответную реакцию от социальных приложений

88
8

В Vue 2 я внедряю социальную регистрацию Github и логину с моим приложением.

В моем Register.vue у меня есть кнопка, которая приведет к Github <button class="btn github" @click="registerWithGithub()"><i class="fab fa-github fa-fw"></i> Register with Github</button>

Метод registerWithGithub() будет выглядеть следующим образом:

registerWithGithub() { window.location.href= 'https://github.com/login/oauth/authorize?scope=user:email&client_id=${this.githubClientId}' }

и я настроил маршрут для получения обратного вызова от Github?

Как мы можем управлять этими обратными вызовами в Vue?

Я создал компонент вида GithubCallback.vue и мой маршрут будет выглядеть так:

{
name: 'githubCallback',
path: '/auth/github',
component: GithubCallback
},

<template>
<div>callback</div>
</template>

<script>
export default {
name: 'githubCallback',
mounted() {
}
}
</script>

Однако неясно, как обрабатывать ответ обратного вызова, возвращаемый Github.

спросил(а) 2021-01-25T15:26:34+03:00 4 месяца, 3 недели назад
1
Решение
116

Попробуйте подключаемый модуль vue-authenticate. Это помогло мне решить ту же проблему с Facebook

ответил(а) 2021-01-25T15:26:34+03:00 4 месяца, 3 недели назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема