vue实现google授权登录获取信息

前提：vue环境，google授权登录需要翻墙。

一、google账号申请+创建凭据
地址：
https://console.developers.google.com/apis/credentials?project=matest-247702

申请完账号之后进入

1587613566.jpg

点击创建凭据

1587613696(1).jpg

这里我添加的url是在本地测试的，授权的重定向url是google通过验证后重定向的地址，我填的也是本地url，添加完之后点击保存就会生成一个客户端 ID，代码中需要用到。

二、代码
安装依赖：
cnpm install --save vue-google-signin-button
并在main.js引入：
import GSignInButton from 'vue-google-signin-button'
Vue.use(GSignInButton)

index.html文件引入

需要授权的页面
html:
:params="googleSignInParams"
@success="onSignInSuccess"
@error="onSignInError">
Google