拉拉维尔令牌不匹配异常 - Laravel token missmatch exception

Laravel token missmatch exception

本文关键字：异常不匹配令牌 | 更新日期: 2023-09-27

>我正在尝试通过ajax上传图像。我正在使用裁剪大师，但是当我上传图像时，它给了我令牌错过匹配异常。如何在下面的代码中传递令牌？

<div class="col-lg-4 ">
  <div id="cropContaineroutput">
  </div>
  <input type="text" id="cropOutput" style="width:100%; padding:5px 4%; margin:20px auto; display:block; border: 1px solid #CCC;" />

.JS

    var croppicContaineroutputOptions = {
    uploadUrl: '<?php echo url()?>/users/cover',
    cropUrl: 'img_crop_to_file.php',
    outputUrlId: 'cropOutput',
    modal: false,
    loaderHtml: '<div class="loader bubblingG"><span id="bubblingG_1"></span><span id="bubblingG_2"></span><span id="bubblingG_3"></span></div> ',
    onBeforeImgUpload: function () {
        console.log('onBeforeImgUpload')
    },
    onAfterImgUpload: function () {
        console.log('onAfterImgUpload')
    },
    onImgDrag: function () {
        console.log('onImgDrag')
    },
    onImgZoom: function () {
        console.log('onImgZoom')
    },
    onBeforeImgCrop: function () {
        console.log('onBeforeImgCrop')
    },
    onAfterImgCrop: function () {
        console.log('onAfterImgCrop')
    },
    onReset: function () {
        console.log('onReset')
    },
    onError: function (errormessage) {
        console.log('onError:' + errormessage)
    }
}
var cropContaineroutput = new Croppic('cropContaineroutput', croppicContaineroutputOptions);

我在 ajax 请求中遇到了同样的问题，下面的技巧解决了这个问题。

在模板中添加令牌：

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

然后在你的 JavaScript 中：

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

将令牌包含在 AJAX 调用中的另一种方法：

/** inside your blade **
<script> 
var token = '{{csrf_token()}}'
$.ajax('url/to/api', { 
     ....
     data: { 
           ....
           '_token' : token
        } 
 }
</script>

从本质上讲，只要您的请求在名为 _token 的字段中具有 CSRF 令牌，它就应该可以工作。