调用图形验证码接口时，为什么要在接口后方添加随机数

问题：今天在写登录模块调用图形验证码时，发现图形验证码接口返回的是一张图（即文件流），纠结怎么使用。
解决：将返回结果直接与标签的src属性绑定就行。

在此基础上发现，调用接口的后面要跟一个随机数。这是为什么呢？
解决：参考链接
自己的理解：get请求时，会缓存请求。当下一次请求的地址和请求参数不变时，浏览器会使用缓存，而不触发请求。所以要在地址后面加一个动态改变的内容，每点击一次，就请求一次。

// HTML代码
<el-image class="new-el-image" :src="imgCode" fit="fit" @click="getImgCode"></el-image>
// JS代码
getImgCode() {this.imgCode = `${process.env.BASE_API}/user/imgVerify?$**{Math.random()}**`
}

问题拓展：

为什么get请求时会缓存呢？get的缓存机制（例如会缓存所有请求吗？因为我写了两个请求，发现被缓存了。
除了随机数还能使用其他的什么呢？
答案：可以参照链接给的办法。目前只验证了第一种方法（亲测有效）

this.imgCode = `${process.env.BASE_API}/user/imgVerify?${new Date().getTime()}`

调用图形验证码接口时，为什么要在接口后方添加随机数相关推荐

matlab 将图形另存时，在文件名字符串中添加参数，总是保存出错，无效文件名
将图形另存时,在文件名字符串中添加参数,总是保存出错,解决方式如下: 注意:我尝试过 string(1) char(1) 等都不可以,提示无效文件名. filename = ['Point cloud ...
调用feign接口时，如何往header中添加参数
Controller接收到请求后,我们可以在service中通过feign直接调用其它服务的接口,但是,controller接收到的请求和通过feign调用其它服务,其它服务接收到的请求,是不一样的. ...
图形验证码的两种实现方式
情形一:图形验证码跟短信验证码一起,只需要将后台提供的动态链接填到(id="img")的src中即可生成动态验证码. 然后,在需要请求接口的地方,只需把(id="imgC ...
java验证码局部刷新_JS局部刷新图形验证码
开发过程当中,网络安全采取的方法之一,采用验证码功能.一般在注册.登录的程序当中见得比较多.其自己在实现这一功能时,静态页面有一段调用图形验证码的PHP文件,//,验证码是随机生成的,一般将生成的验证 ...
java接口有非抽象方法_Java接口、抽象方法
1)Java接口(Interface),是一系列方法的声明,是一些方法特征的集合,一个接口只有方法的特征没有方法的实现,因此这些方法可以在不同的地方被不同的类实现,而这些实现可以具有不同的行为(功能) ...
Java接口属性值定义_Java接口(interface)的定义和使用
Java-接口interface定义和使用 1.什么是接口 Java为单继承,当父类的方法种类无法满足子类需求时,可实现接口扩容子类能力. 即:Java中使用抽象类/父类表示通用属性时,每个类只能继承 ...
调用语音验证码的接口与图形验证码框架
调用语音验证码的接口语音验证码就是以打电话的方式,通过电话语音播报的方式把验证码告诉给用户,语音验证码使用的不多. 因为第三方的接口价格相对于短信验证码来说比较贵,并且效果一般,只能发送纯数字的语音 ...
图形验证码接口及其重构思想
文章目录开发生成图形验证码接口图片实体 ImageCode 图片接口 ValidateCodeController 在认证流程中加入图形验证码校验登录页面安全认证配置不拦截图片路径测试图片 ...
前端调用后台验证码接口
前端调用后台验证码接口首先我们后台验证码用hutool包的工具类引入依赖 <dependency><groupId>cn.hutool</groupId>< ...

调用图形验证码接口时，为什么要在接口后方添加随机数

调用图形验证码接口时，为什么要在接口后方添加随机数相关推荐

最新文章

热门文章