Vue3
文章平均质量分 85
天玺-vains
路漫漫其修远兮,吾将上下而求索!
我在掘金的账号是“叹雪飞花”,兄弟们别误会。
展开
-
Spring Authorization Server入门 (十八) Vue项目使用PKCE模式对接认证服务
一直都有提到PKCE流程是授权码流程的扩展,通过这两篇文章也可以看出两种流程的授权申请流程基本是一样的,只不过PKCE将客户端密钥换成了和,虽然稍微麻烦了些,但是安全性也提高了很多;至于移动app或者pc端应用对接的流程也是一样的,只不过是将回调地址换成了URLSchema,其它都是一样的;测试的流程与授权码模式基本一致,这里就不带大家测试了,读者可自行测试,然后观察请求跳转情况。原创 2023-09-17 19:11:58 · 720 阅读 · 0 评论 -
Spring Authorization Server入门 (十七) Vue项目使用授权码模式对接认证服务
在本例中为授权代码流程。 授权码流程的步骤如下:客户端通过重定向到授权端点来发起 OAuth2 请求。如果用户未通过身份验证,授权服务器将重定向到登录页面。 身份验证后,用户将再次重定向回授权端点。如果用户未同意所请求的范围并且需要同意,则会显示同意页面。一旦用户同意,授权服务器会生成一个并通过重定向回客户端。客户端通过查询参数获取并向Token Endpoint发起请求。原创 2023-09-17 19:10:58 · 1191 阅读 · 2 评论 -
Spring Authorization Server入门 (十五) 分离授权确认与设备码校验页面
在之前的文章(实现授权码模式使用前后端分离的登录页面)中实现了前后端分离的登录页面,但这篇文章中只分离了登录页面,鉴于部分读者好奇授权确认页面分离的实现,就实现一下授权确认页面的分离,同时设备码流程的授权确认页面与授权码流程的授权确认页面是同一个,这里也需要兼容一下,还有就是设备码流程中有一个校验设备码的页面,这里也需要分离出来。原创 2023-08-01 22:46:58 · 1222 阅读 · 16 评论 -
Vue3可视化表单生成器
vains-form-designer介绍Vite + TypeScript + Vue3 + Element-plus制作的可视化表单生成器;预览地址项目所需依赖注意:项目中需先添加ElementPlus与ElementIcon的依赖快速开始原创 2022-01-07 11:29:23 · 5280 阅读 · 3 评论 -
vue3.x 目录结构详解
vue3.x 目录结构详解该文章转自博客园的清和时光;原文地址:vue3.x 目录结构详解以下是刚创建的vue3.x 项目的目录我们来解释一下这些目录都是用来干嘛的|-node_modules -- 所有的项目依赖包都放在这个目录下|-public -- 公共文件夹---|favicon.ico -- 网站的显示图标---|index.html -- 入口的html文件|-src -- 源文件目录,编写转载 2021-12-15 09:36:04 · 748 阅读 · 0 评论 -
Vue3入门系列(二)目录结构认识
Vue3项目npm与vite创建的脚手架项目结构说明。原创 2021-12-14 17:03:14 · 1983 阅读 · 0 评论 -
Vue3入门系列(一)创建项目
创建项目环境准备NodeJs安装使用npm包管理器安装@vue/cli工具创建项目选择镜像源(可能在选择后不会再出现)选择preset手动选择依赖选择vue版本选择linter/formatter配置:选择在什么时候检测选择配置文件位置(babel,eslint等的配置文件)询问是否生成预设模板等待项目初始化完成项目初始化完成截图项目启动成功截图环境准备Vue依赖NodeJs的环境,需要先安装Nodejs。NodeJs安装打开NodeJs下载页选择自己系统对应的版本下载。比如我的电脑是64原创 2021-12-09 14:12:13 · 675 阅读 · 0 评论