Laravel 419使用Uppy开源错误，如何将csrf令牌添加到Uppy？

Question

在你们中的一些人把这个标记为重复之前，因为使用laravel的错误419已经被回答了一百万次，这有点复杂，我似乎无法绕过它。

我试图使用Uppy上传一些图像，但我似乎找不到一种方法来添加csrf令牌到Uppy。(https://uppy.io/docs/tus/#headers)

const uppy = Uppy();
uppy.use(Dashboard, { target: '#drag-drop-area', inline: true, height: 450 });
uppy.use(Tus, {
     header: 'X-CSRF-TOKEN'+document.querySelector('[name=csrf-token]').getAttribute('content'),
     endpoint: 'https://mysitev/tus', // use your tus endpoint here
     resume: true,
     autoRetry: true,
     retryDelays: [0, 1000, 3000, 5000]
})

过去有人使用过csrf_token吗?如果是的话，您是如何包括的？

谢谢

Answer 1

我没有使用Uppy，但是如果您的代码在视图文件中，这意味着具有刀片扩展名的文件可以使用刀片函数来添加csrf令牌：

headers: {
        'X-CSRFToken': " {{csrf_token()}} "
    }

Answer 2

试试看：

uppy.use(Uppy.Tus, {
    endpoint: '{{ $endpoint }}',
    headers: {
        'X-CSRF-Token': " {{ csrf_token() }} "
    }
})

Answer 3

如果您正在使用Webpack或者将您的Uppy配置与其他JavaScript文件捆绑在一起，您可以将令牌分配给一个元标记，然后在JS中使用它。

在你的blade.php里

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

然后在你的Uppy.js

.use(Tus, {
endpoint: '/tus', // use your tus endpoint here
retryDelays: [0, 1000, 3000, 5000],
headers: {
    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}

})