Vue JS,如何处理来自社交应用的回调响应

时间:2018-08-21 16:10:22

标签: github vue.js

在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返回的回调响应一无所知。

1 个答案:

答案 0 :(得分:0)

尝试使用vue-authenticate插件。它帮助我解决了与Facebook相同的问题