Vue3+Ts项目——第三方认证登录

前言：我们得先去注册成为谷歌开发者，创建一个项目再获取id，整个难点就是获取ID。我难受呀。（记得翻墙）

下载插件

npm install vue3-google-login

main.ts文件

import { createApp } from 'vue'
import App from './App.vue'
import vue3GoogleLogin from 'vue3-google-login'

const app = createApp(App)

app.use(vue3GoogleLogin, {
  clientId: 'YOUR_GOOGLE_CLIENT_ID'
})

app.mount('#app')

vue页面调用方式

此时好想皮一下。要不你自己看文档？
链接如下： vue3-google-login

如何获取OAuth的客户端ID：链接 谷歌OAuth2.0开发的正确配置步骤

自定义谷歌登录的按钮样式

<template>
  <GoogleLogin :callback="callback">
    <button>Login Using Google</button>
    <!-- 需要的样式 -->
  </GoogleLogin>
</template>