Question

如何在VueJs框架的vue组件内放置表单的{!! csrf_field() !!}，
我想要这样的东西，但是在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，它会自动执行

如何在vuejs中获取csrf_field

1 个答案: