javascript - 500 内部错误 - 错误 TokenMismatchException

Question

我的 Javascript 按钮上批准评论时似乎遇到了 TokenMismatchException 问题。我从类似的按钮系统复制了代码，并对其进行了更改以满足该系统的要求。我正在重用 Session:Token 变量，不确定这是否是问题所在？

Error: TokenMismatchException in verifycsrftoken.php line 68

这是我的代码，对于为什么我收到不匹配错误有什么想法吗？

HTML:

@if(Auth::user())
       @if($approval)
         <a class="approval approved " data-id="{{$comments->id}}"><i class="fa fa-thumbs-up"></i></a>
        @else
        <a class="approval not-approved " data-id="{{$comments->id}}"><i class="fa fa-thumbs-up"></i></a>
        @endif

        @else
        <a class="not-approved" href="{{route('login')}}"><i class="fa fa-thumbs-up"></i></a>
        @endif

Javascript:

        var token = '{{ Session::token() }}';
        var urlApproval = '{{ route('approvals') }}';
        $('.approval').on('click', function(event){
            event.preventDefault();
            var buttonToChange = $(this);
            var $this = $(this);

            $.ajax({
                        method: 'POST',
                        url: urlApproval,
                        data: { comment_id: $(event.target).data("id")}, _token: token })

                    .done(function() {
                        if(buttonToChange.hasClass('approved')) {
                            buttonToChange.addClass('not-approved');
                            buttonToChange.removeClass('approved');
                        }else {
                            buttonToChange.addClass('approved');
                            buttonToChange.removeClass('not-approved');
                        }
                    });
        });

Answer 1

在laravel中使用ajax时，并使用POST方法时，您总是需要提供csrf token ，所以您需要做的是:

在 HTML 中:

<meta name="csrf-token" content="{{ csrf_token() }}">

调用 Ajax 之前:

$.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});