1、通过composer安装验证码包
在Composer里执行以下命令
composer require mews/captcha
2、配置
在 config/app.php 中 找到 aliases数组加入以下代码
'Captcha' => Mews\Captcha\CaptchaServiceProvider::class,
3、生成配置文件
在Composer里执行以下命令，如果弹出选项，选择到config，我的config的tag是11，输入11后回车，然后就会在config文件夹里生成配置文件；配置文件里的length是生成验证码多少位；
php artisan vendor:publish
4、前端使用验证码
在需要的地方加入
<img src={{captcha_src()}}>如果是用的vue.js。可以这样
/*html部分*/
<img class=codeImg :src=urlCode style=cursor: pointer @click=getCode>
/*js部分*/
<script>
new Vue({
el: '.main',
data: {
urlCode:,
},
created(){
this.getCode();
},
methods: {
getCode(){
let domain = document.domain;
$.get('http://'+domain+'/getCode',(res)=>{
this.urlCode =res.code;
})
},
goLogin(){
document.onkeyup = (event) => {
let e = event || window.event;
if(e && e.keyCode==13){
//执行登录
}
};
},
}
})
</script>5、控制器生成验证码
public function codes()
{
return response()->json([
'code' => \captcha_src() //返回前端图像验证码
]);
}6、验证码验证
if(!captcha_check($params['code'])){
return Response()->json(['code' => 201, 'msg' => '验证码有误']);
}相关推荐：最新的五个Laravel视频教程
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。