วิธีสร้างงาน laravel, vue session csrf

หากคุณใช้ axios กับ Vue2 สำหรับคำขอ ajax ของคุณ csrf มีอยู่แล้วใน bootstrap.js คุณจะเห็นบรรทัดนี้

let token = document.head.querySelector('meta[name="csrf-token"]');

หากคุณต้องการยืนกรานสำหรับอาแจ็กซ์ของคุณเท่านั้น คุณจะต้องใส่บรรทัดนี้ไว้ในตะขอที่ติดตั้งของคุณ

mounted() {
    this.csrfToken = document.querySelector('meta[name="csrf-token"]').content
},

ควรแนบ csrfToken นี้ในรูปแบบของคุณเช่นนี้

<form :method="method.toUpperCase() == 'GET' ? 'GET' : 'POST'">
    <input-hidden :value="csrfToken" name="_token"/>

    <input-hidden
        v-if="['GET', 'POST'].indexOf(method.toUpperCase()) === -1"
        :value="method"
        name="_method"
    />

    <!--
        This hidden submit button accomplishes 2 things:
            1: Allows the user to hit "enter" while an input field is focused to submit the form.
            2: Allows a mobile user to hit "Go" in the on-screen keyboard to submit the form.
    -->
    <input type="submit" class="absolute invisible z-0">

    <slot/>
</form>

เพื่อเป็นตัวอย่างที่ดี ลองดู โทเค็น csrf

หมายเหตุ: โปรดอย่าปิดการใช้งานโทเค็น csrf เนื่องจากเป็นเพียงวิธีเดียวในการรักษาความปลอดภัยคำขอของคุณไปยังเซิร์ฟเวอร์