之前我们写过不需要调后端接口就获取验证码的方法，具体看《无需后端接口，用原生js轻松实现验证码》这个文章。现在我们管理后台有个需求，就是登录页面需要获取验证码，用户可以输入验证码后进行登录。效果如下，当我点击获取验证码后能获取短信验证码：
这里在用户点击获取验证码后，先校验是否输入了正确的手机号，输入正确后调接口获取验证码，主要代码如下：
<el-inputv-elsesize="medium"v-model.trim="formParams.phone"typeVue项目登录页实现获取短信验证码的功能
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.rhkb.cn/news/298117.html
如若内容造成侵权/违法违规/事实不符，请联系长河编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！相关文章
win11安装WSL UbuntuTLS
win11安装WSL WSL 简介WSL 1 VS WSL 2先决要求安装方法一键安装通过「控制面板」安装 WSL 基本命令Linux发行版安装Ubuntu初始化相关设置root用户密码网络工具安装安装1panel面板指导 WSl可视化工具问题总结WSL更新命令错误Ubuntu 启动初始化错误未解决问题 WSL 简介
Windows …
Sybase ASE中的char(N)的坑以及与PostgreSQL的对比
1背景
昨天，一朋友向我咨询Sybase ASE中定长字符串类型的行为，说他们的客户反映，同样的char类型的数据，通过jdbc来查，Sybase库不会带空格，而PostgreSQL会带。是不是这样的？他是PostgreSQL的专业大拿，但因为他手头没有现成的Sybase ASE环境，刚好我手上有，便于一试。 …
hive 慢sql 查询
hive 慢sql 查询 查找 hive 执行日志存储路径（一般是 hive-audit.log ） 比如：/var/log/Bigdata/audit/hive/hiveserver/hive-audit.log 解析日志 获取 执行时间 执行 OperationId 执行人 UserNameroot 执行sql 数据分隔符为 \001 并写入 hiv…
vuepress-theme-hope 添加谷歌统计代码
最近做了个网站,从 cloudflare 来看访问量,过去 30 天访问量竟然有 1.32k
给我整懵逼了,我寻思不应该呀,毕竟这个网站内容还在慢慢补充中,也没告诉别人,怎么就这么多访问?搜索了下, cloudflare 还会把爬虫的请求也就算进来,所以数据相对来说就不是很准确 想到了把 Google An…
如何同时安全高效管理多个谷歌账号？
您的业务活动需要多个 Gmail 帐户吗？出海畅游，Gmail账号是少不了的工具之一，可以关联到Twitter、Facebook、Youtube、Chatgpt等等平台，可以说是海外网络的“万能锁”。但是大家都知道，以上这些平台注册多账号如果产生关…
Cisco交换机安全配置
Cisco交换机安全配置
前提
我们以下命令一般都要先进入Config模式
S1> enable
S1# conf t
S1(config)#端口安全保护
禁用未使用的端口
以关闭fa0/1到fa0/24的端口为例
S1(config)# interface range fa0/1-24
S1(config-if-range)# shutdown缓解MAC地址表攻击
防止CAM…
蓝桥杯刷题第六天（昨天忘记发了）
今天想从不一样的角度来解题：从时间紧张暴力求解到思路阔达直接通过所有案例 暴力方法： 思路第一眼看到这个问题我就想到了第一个思路就是先用两个数组一个存石子数一个存颜色状态，每次遍历一遍看看有没有相邻石子颜色一样且为和最小的。
im…
前端订阅后端推送WebSocket定时任务
0.需求 后端定时向前端看板推送数据，每10秒或者30秒推送一次。
1.前言知识 HTTP协议是一个应用层协议，它的特点是无状态、无连接和单向的。在HTTP协议中，客户端发起请求，服务器则对请求进行响应。这种请求-响应的模式意味着服务器…
Spring-IoC 基于注解
基于xml方法见：http://t.csdnimg.cn/dir8j
注解是代码中的一种特殊标记，可以在编译、类加载和运行时被读取，执行相应的处理，简化 Spring的 XML配置。
格式：注解(属性1"属性值1",...)
可以加在类上…
工厂方法模式与抽象工厂模式的深度对比
🌈 个人主页：danci_ 🔥 系列专栏：《设计模式》 💪🏻 制定明确可量化的目标，坚持默默的做事。 🚀 转载自：设计模式深度解析：工厂方法模式与抽象工厂模式的深…
intellij idea 使用git撤销(取消)commit
git撤销(取消) 未 push的 commit
Git，选择分支后，右键 Undo Commit ，会把这个 commit 撤销。 git撤销(取消) 已经 push 的 commit 备份分支内容： 选中分支， 新建 分支，避免后续因为操作不当，导…
Spring重点知识（个人整理笔记）
目录
1. 为什么要使用 spring？
2. 解释一下什么是 Aop？
3. AOP有哪些实现方式？
4. Spring AOP的实现原理
5. JDK动态代理和CGLIB动态代理的区别？
6. 解释一下什么是 ioc？
7. spring 有哪些主要模块？…
layui框架实战案例(26)：layui-carousel轮播组件添加多个Echarts图标的效果
在Layui中，使用layui-carousel轮播组件嵌套Echarts图表来实现多个图表的展示。
css层叠样式表
调整轮播图背景色为白色；调整当个Echarts图表显示loading…状态；同一个DIV轮播项目添加多个Echarts的 .layui-carousel {background-color: #f…
当前2024阿里云服务器哪个地域价格比较优惠，哪个地域便宜？
目前2024年阿里云服务器地域对比哪个价格更优惠？华北6（乌兰察布）、华北3（张家口）、华北1（青岛）和华南2（河源）地域更便宜，云服务器吧yunfuwuqiba.com整理阿里云…
Python 网络请求：深入理解Requests库
目录
引言
一、Requests库简介
二、安装与基本使用
三、requests库的特性与优势
四、requests库在实际应用中的案例
1.get请求
2.post请求
3.超时重试
4.headers设置
5.session会话
6.携带cookie
7.携带代理
8.携带身份认证…
SpringBoot学习笔记-S2
1. SpringBoot中的常见注解
RequestBody：使SpringMVC框架可自动读取请求体里面的JSON格式的数据，转换成map类型的集合对象RestController：开发RESTful API 时使用，等价于ResponseBody Controller。RestController和Controller的…
【简单讲解下WebSocket】
🌈个人主页:程序员不想敲代码啊 🏆CSDN优质创作者，CSDN实力新星，CSDN博客专家 👍点赞⭐评论⭐收藏 🤝希望本文对您有所裨益，如有不足之处，欢迎在评论区提出指正，让我们共…
卷积神经网络-池化层
卷积神经网络-池化层 池化层（Pooling Layer）是深度学习神经网络中的一个重要组成部分，通常用于减少特征图的空间尺寸，从而降低模型复杂度和计算量，同时还能增强模型的不变性和鲁棒性。
池化操作通常在卷积神经网络&am…
推荐文章
- 一个续写故事达到人类水平的AI，OpenAI大规模无监督语言模型GPT-2...
- 补充经纬恒润一面
- 一篇关于密码学的概念性文章
- # Java手写LRU缓存算法
- ### RabbitMQ五种工作模式：
- #include＜string＞和#include＜string.h＞有什么区别
- #网络高级 笔记
- #循循渐进学5单片机#中断与数码管动态显示#not.5
- (14)嵌套列表,Xpath路径表达式,XML增删查改,Implicit,Operator,Xml序列化,浅拷贝与深拷贝
- （15）衰落信道模型作用于信号是相乘还是卷积
- （24）(24.1) FPV和仿真的机载OSD（三）
- (3)MyBatis-Plus待开发