Laravel-datatables: 401 권한 없음

@mantrax314 , 이것은 디버그하기 정말 어려운 하나의 고스트 버그입니다. 여러 사용자가 이미 동일한 문제를 보고했으며 이 문제의 원인을 찾을 수 없습니다. 내 로컬 컴퓨터에서 동일한 오류를 재현할 수도 없습니다. 가능하다면 이 문제를 완전히 해결할 수 있도록 PR을 제공하고 도와주시면 감사하겠습니다. 감사 해요!

안녕하세요,
이 문제가 발생하여 몇 시간 동안 디버깅을 시도했지만 소용이 없었습니다.
한 가지 해결 방법은 Ajax를 GET 대신 POST 요청으로 설정하는 것입니다.
이것은 나를 위해 일했고 로그인 페이지로 쫓겨나지 않고 내 페이지를 50번 새로고침하여 테스트했습니다.

해결 방법은 이 문제를 기반으로 합니다.
https://github.com/yajra/laravel-datatables/issues/19

@Xyten 과 동일하게 POST 요청을 사용하여 이 문제를 해결했지만 POST를 사용할 때 CSRF 토큰에 오류가 발생합니다. 이에 대한 제안 사항이 있습니까? 감사합니다.

@mrofi , 토큰 문제에 대한 문서를 따르십시오. http://laravel.com/docs/5.1/routing#csrf -x-csrf-token

방금 Chumper Datatable에서 https://github.com/Chumper/Datatable/issues/170 문제를 읽었으며 우리에게 적용될 수 있습니다.

mgsmus는 2014년 9월 16일에 댓글을 남겼습니다.
이 문제가 발생했습니다. 나는 "artisan serve"를 통해 PHP의 내장 웹 서버를 사용하고 있었습니다. Apache로 전환했고 문제가 해결되었습니다. 그 이유는 내장 서버가 지원하지 않는 멀티 스레딩 때문인 것 같습니다.

'아티즌 서브' 쓰시는 분 계신가요?

"아티잔 서브"를 사용하고 있습니다. 음 참고. 빌트인 서버를 사용하는 방법은 간단하지만 실제 환경을 표현할 수는 없으니 나중에 Apache를 사용하는 것을 고려해 보도록 하겠습니다..

감사합니다, @yajra . btw 귀하의 제안으로 csrf 토큰 문제를 해결했습니다. 나는 Laravel에서 그 문서를 놓쳤습니다. html 빌더에서 ajax 요청 유형을 변경하는 방법은 어디에서 찾을 수 있습니까?

@mrofi , 확인해주셔서 감사합니다. 이 문제는 아마도 "장인 봉사" 때문일 것입니다.

ajax의 경우 아래와 같이 배열 매개변수를 보낼 수 있습니다.

->ajax([
  'url' => 'url',
  'type' => 'post'
])

여러 사용자가 문제가 "장인 봉사"로 인한 것임을 확인했습니다. apache/nginx를 사용하면 문제가 해결됩니다. 감사 해요!

호스트 파일을 통해 로컬로 사용하여 Fedora 시스템에서 아파치를 사용하고 있는데 똑같은 문제가 있습니다. 어떤 아이디어?

나는이 작은 문제를 다음과 같이 해결했다.
대체: ajax: '리소스',

에 의해:
아약스: {
URL: '리소스',
헤더: {'X-CSRF-TOKEN': 토큰},
데이터 유형: 'JSON',
beforeSend: 함수(xhr) {
xhr.setRequestHeader('권한 부여');
}
},

몇 가지 팁
1) Ajax는 POST 또는 GET을 수행하여 호출할 수 있으므로 ANY에서 경로를 구성해야 합니다.
```
경로::any('campos/data','CamposController @data ')->name('campos.data');

2) Dont forget add the token before the ajax calling (in my case is Laravel)

$.ajaxSetup({
헤더: {
'X-CSRF-TOKEN': '{{csrf_token()}}'
}
});

3) I have that issue in using php artisan on Windows. If you use on Linux or Apache you wont have errors. 
4) Error 401 is becouse the session was expired. You need a login again. You could handler the error and take some action

"아약스": "/리소스",
"오류": 기능(이유) {
console.log("오류 발생! ");
// 여기에서 이유를 처리하여 오류 유형을 확인합니다.
// 그런 다음 적절한 조치를 취합니다.
}
```

댓글을 읽어보니,
문제를 잘 풀었습니다.
보기에서
var token = '{{ csrf_token() }}';

ajax: { url:'$url', type:'post', data: { '_token': token } },

`var 테이블 = $('#myTable');

        oTable = table.dataTable({
            processing: true,
            serverSide: true,
            order: [[1, 'desc']],
            buttons: [
                { extend: 'print',  className: 'btn dark btn-outline'       },
                { extend: 'copy',   className: 'btn red btn-outline'        },
                { extend: 'pdf',    className: 'btn green btn-outline'      },
                { extend: 'excel',  className: 'btn yellow btn-outline'     },
                { extend: 'csv',    className: 'btn purple btn-outline'     },
                { extend: 'colvis', className: 'btn dark btn-outline', text: 'Columns'}
            ],
            ajax: {
                url:'$url',
                type:'post',
                data: {
                    '_token': token
                }
            },
            $col,
            \"oLanguage\": {
                \"sEmptyTable\":   \"No se encontraron resultados\",
                \"sInfo\":         \"Mostrando _START_ a _END_ de _TOTAL_ filas\",
                \"sInfoEmpty\":    \"No se encontraron resultados\",
                \"sInfoFiltered\": \"(Filtrado de _MAX_ total de filas)\",
                \"sLengthMenu\":   \"Ver _MENU_ filas\",
                \"sSearch\":       \"Buscar:\",
                \"sZeroRecords\":  \"No se encontraron resultados\"
            },
            \"aoColumnDefs\": [
                { \"bSortable\": false, \"aTargets\": [ 0,-1 ] }

,
{ \"iDataSort\": 1, \"대상\": [ 0 ] },

                { \"sWidth\": \"20px\",   \"aTargets\": [ 0,-1 ]  },


            ]
        });


        table.on(\"keyup\", \"input[type=search]\", function () {
            /* Filter on the column (the index) of this element */
            oTable.fnFilter(this.value, $(\"thead input\").index(this));
        });

        $('#sample_1_tools > li > a.tool-action').on('click', function() {
            var action = $(this).attr('data-action');
            //console.log(action);
            oTable.DataTable().button(action).trigger();
        });

`

@jarm-mcs 솔루션에 감사드립니다. 작동합니다 :)

안녕하세요, 저도 이 문제가 있었고 Ajax 구성에서 axios 헤더를 사용하여 해결했습니다. 나는 Laravel Passport를 사용하고 있습니다. 간단한 axios 호출로 작동하기 때문에 관련이 있는지 모르겠습니다.

내 bootstrap.js

window.axios = require('axios');

window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';

/**
 * Next we will register the CSRF Token as a common header with Axios so that
 * all outgoing HTTP requests automatically have it attached. This is just
 * a simple convenience so we don't have to attach every token manually.
 */

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');
}

내 DataTables 스크립트

$(function() {
            $('#users-table').DataTable({
                processing: true,
                serverSide: true,
                ajax: {
                    'url':'{!! route('api.games.index') !!}',
                    'headers':window.axios.defaults.headers.common
                },
                columns: [
                    { data: 'id', name: 'id' },
                    { data: 'name', name: 'name' },
                    { data: 'created_at', name: 'created_at' },
                    { data: 'updated_at', name: 'updated_at' }
                ]
            });
        });

댓글을 읽어보니,
문제를 잘 풀었습니다.
보기에서
var token = '{{ csrf_token() }}';

ajax: { url:'$url', type:'post', data: { '_token': token } },

`var 테이블 = $('#myTable');

        oTable = table.dataTable({
            processing: true,
            serverSide: true,
            order: [[1, 'desc']],
            buttons: [
              { extend: 'print',  className: 'btn dark btn-outline'       },
              { extend: 'copy',   className: 'btn red btn-outline'        },
              { extend: 'pdf',    className: 'btn green btn-outline'      },
              { extend: 'excel',  className: 'btn yellow btn-outline'     },
              { extend: 'csv',    className: 'btn purple btn-outline'     },
              { extend: 'colvis', className: 'btn dark btn-outline', text: 'Columns'}
          ],
            ajax: {
                url:'$url',
                type:'post',
                data: {
                    '_token': token
                }
            },
            $col,
            \"oLanguage\": {
              \"sEmptyTable\":   \"No se encontraron resultados\",
              \"sInfo\":         \"Mostrando _START_ a _END_ de _TOTAL_ filas\",
              \"sInfoEmpty\":    \"No se encontraron resultados\",
              \"sInfoFiltered\": \"(Filtrado de _MAX_ total de filas)\",
              \"sLengthMenu\":   \"Ver _MENU_ filas\",
              \"sSearch\":       \"Buscar:\",
              \"sZeroRecords\":  \"No se encontraron resultados\"
          },
          \"aoColumnDefs\": [
              { \"bSortable\": false, \"aTargets\": [ 0,-1 ] }

,
{ "iDataSort": 1, "aTargets": [ 0 ] },

              { \"sWidth\": \"20px\",   \"aTargets\": [ 0,-1 ]  },


            ]
        });


        table.on(\"keyup\", \"input[type=search]\", function () {
          /* Filter on the column (the index) of this element */
          oTable.fnFilter(this.value, $(\"thead input\").index(this));
      });

        $('#sample_1_tools > li > a.tool-action').on('click', function() {
            var action = $(this).attr('data-action');
            //console.log(action);
            oTable.DataTable().button(action).trigger();
        });

`

솔루션에 대한 thx.