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

news/2024/7/9 23:39:56 标签: vue, typescript

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

      • 下载插件
      • main.ts文件
      • vue页面调用方式

前言:我们得先去注册成为谷歌开发者,创建一个项目再获取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_24">vue页面调用方式

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

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


http://www.niftyadmin.cn/n/5282799.html

相关文章

Qt前端技术:5.QSS

这个是表示QFrame中的pushButton中的子类和它子类的子类都将背景变为red 写成大于的时候表示只有直接的子类对象才会变 这个图中的QGroupBox和QPushButton都是QFrame的直接的子类 这个中的QGroupBox是QFrame的直接的子类但是QPushButton 是QGroupBox的子类,QPushB…

Java中如何优雅地根治null值引起的Bug问题

1. Java对象为null会引发的问题 NullPointerException:当你尝试调用或访问一个null对象的属性或方法时,Java会抛出NullPointerException异常。例如,如果你有一个名为person的变量,它被设置为null,然后你尝试调用perso…

Educational Codeforces Round 158 (Rated for Div. 2)

Educational Codeforces Round 158 (Rated for Div. 2) 文章目录 Educational Codeforces Round 158 (Rated for Div. 2)ABCD A 枚举模拟 #include <bits/stdc.h>using namespace std;const int N 2e5 10; int a[N];void solve() {int n , x;cin >> n >>…

数据流图_DFD图_精简易上手

数据流图(DFD)是一种图形化技术,它描绘信息流和数据从输人移动到输出的过程中所经受的变换。 首先给出一个数据流图样例 基本的四种图形 直角矩形:代表源点或终点,一般来说,是人,如例图的仓库管理员和采购员圆形(也可以画成圆角矩形):是处理,一般来说,是动作,是动词名词的形式…

网络技术基础与计算思维实验教程_4.1_PSTN和以太网互连实验

实验内容 实验目的 实验原理 关键命令说明 实验步骤 构建以太网 工作区中放置路由器 交换机 PC机 直通线互连PC0和交换机 交换机和路由器 构建PSTN 放置PSTN 放置PC 为路由器安装modem 打开电源 再为终端安装modem 单击路由器选择图形配置 这个IP地址将成为PC0的默认网关地…

sql server多表查询

查询目标 现在有学生表和学生选课信息表&#xff0c;stu和stuSelect&#xff0c;stu中包含学生用户名、名字&#xff0c;stuSelect表中包含学生用户名&#xff0c;所选课程名 学生表&#xff1a; nameusername李明Li Ming李华Li Hua 学生选课表&#xff1a; usernameCourse…

目标检测应用场景—数据集【NO.23】路面缺陷检测数据集

写在前面&#xff1a;数据集对应应用场景&#xff0c;不同的应用场景有不同的检测难点以及对应改进方法&#xff0c;本系列整理汇总领域内的数据集&#xff0c;方便大家下载数据集&#xff0c;若无法下载可关注后私信领取。关注免费领取整理好的数据集资料&#xff01;今天分享…

【Linux】Linux虚拟文件系统VFS

文件系统负责存储和组织文件&#xff0c;以便可以方便地对文件进行查找和访问&#xff0c;我们要能优雅地访问磁盘上的数据就得用到文件系统。不同的文件系统有不同的文件存储和组织方式。 Linux从各种各样的文件系统中提取它们的共同部分&#xff0c;设计出一个抽象层&#x…