javascript - Laravel PUT 响应错误 419。 token 被添加到 header 中。我仍然没有得到结果

标签 javascript php laravel token fetch

我正在尝试使用 Fetch API 与 Laravel (5.5/5.6) 一起放置一些主体(数据或文件)。当我将 CSRF token 添加到 header 中(因为我需要它)时,我收到错误 419(未知状态)。在我的示例中,我已最小化范围,以便轻松找到原因。

问题发生在获取时(我没有得到任何结果:所以 result.ok 不正常)。

我看到很多人因为 token 而遇到同样的问题。但在我的示例中,我确实使用了 token ,但在获取方面仍然存在问题。我的代码有什么问题吗?

路线(routes\web.php)

<?php

use Illuminate\Http\Request;
use Illuminate\Support\Facades\Route;

Route::get('/test', function () {
    return view('test');
});

Route::put('/test/put', function (Request $request) {
    // PUT some stuff
    return response()->json([
        'feedback' => 'test result is ok!'
    ]);
})->name('test.put');
<小时/>

Blade (资源\views\test.blade.php)

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>Test</title>
</head>

<body>
<form id="test-form" method="post" action="{{ route('test.put') }}">
    <input type="text" name="test" value="123" title="Test">
    <button type="submit">Put</button>
</form>
<script>
    (function () {

        function getToken() {
            let metas = document.getElementsByTagName("meta");
            for (let i = 0; i < metas.length; i++) {
                let meta = metas[i];
                if (meta.name === "csrf-token") {
                    return meta.content;
                }
            }
        }

        function buildOptions(form) {
            let formData = new FormData();
            let testVal = form.querySelector('input[name="test"]').value;
            formData.append("test", testVal);
            let token = getToken();
            let headers = new Headers({
                'X-CSRF-TOKEN': token
            });
            return {
                method: 'PUT',
                body: formData,
                headers
            };
        }

        function putIt(form) {
            let url = form.getAttribute('action');
            let options = buildOptions(form);
            fetch(url, options)
                .then(response => {
                    if (response.ok) {
                        return response
                    }
                    throw new Error("Response is not ok");
                })
                .then(response => response.json())
                .then(console.log)
                .catch(err => console.error("Something went wrong", err))
        }

        document.getElementById('test-form').addEventListener('submit', function(e) {
            e.preventDefault();
            putIt(this);
        });

    })();
</script>
</body>

</html>
<小时/>

仅供引用:我确定 header 中存在 x-csrf-token (请参见下面的屏幕截图): enter image description here

最佳答案

您所要做的就是将 api 路由从 web.php 文件移动到 api.php 文件 因为 laravel 对每个文件使用不同的中间件 https://laravel.com/docs/4.2/routing#basic-routing

关于javascript - Laravel PUT 响应错误 419。 token 被添加到 header 中。我仍然没有得到结果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51589131/

相关文章:

php - 如何根据搜索结果动态更改表中的数据?

php - 如何在 Laravel 5 中构建模块化应用程序?

javascript - 在 JavaScript 中按类型实例化对象

javascript - 彩票系统锅师

javascript - 在父窗口的上下文中运行脚本

javascript - $.ajax 成功处理程序中的 jQuery 方法不起作用

php 用表情图像替换字符串。用mysql表情数据形成数组的问题

php - 输入网站 URL 后,.htaccess 必须立即转到正确的文件和路径

php - 在 Laravel 5.3 中从外键填充下拉列表的正确方法

php - 如何为laravel中的每个用户生成唯一的随机值并将其添加到数据库