讲解Laravel8.5是如何添加验证码mews、captcha的

广告:宝塔服务器面板,一键全能部署及管理,送你10850元礼包,点我领取~~~

讲解Laravel8.5是如何添加验证码mews、captcha的

下面由Laravel教程栏目给大家讲解Laravel8.5是如何添加验证码mews/captcha的,希望对大家有所帮助!

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视频教程

以上就是讲解Laravel8.5是如何添加验证码mews/captcha的的详细内容,更多请关注9543建站博客其它相关文章!

9543建站博客
一个专注于网站开发、微信开发的技术类纯净博客。
作者头像
admin创始人

肥猫,知名SEO博客站长,14年SEO经验。

上一篇:在PHP8中使用静态返回类型,让你的代码稳如磐石
下一篇:如何在PHP表单中加入用户行为监控,提升安全性

发表评论

关闭广告
关闭广告