Terangkan cara Laravel8.5 menambah kod pengesahan mews/captcha

Lajur tutorial Laravel berikut akan menerangkan kepada anda cara menambahkan kod pengesahan mews/captcha dalam Laravel8.5. Saya harap ia akan membantu semua orang.

                                                                                                               

1 Pasang pakej kod pengesahan melalui komposer

Laksanakan arahan berikut dalam Komposer

composer require mews/captcha

2. Konfigurasi

Cari tatasusunan alias dalam config/app.php dan tambahkan kod berikut

'Captcha' => Mews\Captcha\CaptchaServiceProvider::class,

3 Jana fail konfigurasi

Laksanakan yang berikut dalam arahan Komposer, jika pilihan muncul, pilih konfigurasi Teg konfigurasi saya ialah 11. Masukkan 11 dan tekan Enter, dan kemudian fail konfigurasi akan dijana dalam folder konfigurasi bilangan digit untuk menjana kod pengesahan; > di mana diperlukan jika vue.js digunakan. Ia boleh dilakukan seperti ini

 php artisan vendor:publish

5. Pengawal menjana kod pengesahan

<img src="{{captcha_src()}}">

6 >

/*html部分*/
<img class="codeImg" :src="urlCode" style="cursor: pointer" @click="getCode">

/*js部分*/
<script>
new Vue({
    el: &#39;.main&#39;,
    data: {
        urlCode:"",
    },
    created(){
        this.getCode();
    },
    methods: {
        getCode(){
            let domain = document.domain;
            $.get(&#39;http://&#39;+domain+&#39;/getCode&#39;,(res)=>{
                this.urlCode =res.code;
            })
        },
        goLogin(){
            document.onkeyup = (event) => {
                let e = event || window.event;
                if(e && e.keyCode==13){
                    //执行登录
                }
            };
        },
    }
})
</script>

Cadangan berkaitan: Lima tutorial video Laravel terbaharu

public function codes()
    {
        return response()->json([
            'code' => \captcha_src() //返回前端图像验证码
        ]);
    }

Atas ialah kandungan terperinci Terangkan cara Laravel8.5 menambah kod pengesahan mews/captcha. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!