как получить csrf_field в vuejs

Question

как поместить {!! csrf_field() !!} для формы внутри компонента vue в каркасе VueJs,
Я хочу что-то вроде этого, но в компонент VUE

 <form id="login_success" @submit.prevent="phoneLogin">
    {!! csrf_field() !!}
    <input id="csrf" type="hidden" name="csrf" />
    <input id="code" type="hidden" name="code" />
 </form>

Answer 1

Если вы используете Laravel с Vuejs, а не полнофункциональное одностраничное приложение, добавьте токен в заголовок и выполните следующие действия в js. Техника опирается на вас, используя axios

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

if (token) {
    window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;
} else {
    console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token');
}

Laravel поставляется с bootstrap.js , который делает это автоматически