通过JavaScript Fetch API将PUT请求发送到Laravel Controller

Question

我想将数据传递给我的laravel控制器以将其保存在数据库中。 这是我的代码。

HTML元标记

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

javascript代码块

    const token = document.querySelector('meta[name="csrf-token"]').content;
    url = '/customer/create';

    fetch(url,{
        method: 'PUT',
        credentials: 'omit',
        mode: 'same-origin',
        headers:{
            "Content-Type": "application/json; charset=utf-8",
            "X-CSRF-Token": token
        },
        body: JSON.stringify({name: 'Customer Name'})
    });

路由器代码块...

Route::put('/customer/create', [
'uses' => 'CustomerController@createNew',
'as' => 'customer.create'
]);

控制器代码块（仅供测试）...

public function createNew(Request $request){

    return $request;
}

但它给我这个错误铬控制台。

PUT http://uran.test/customer/create 419 (unknown status)

还是我应该使用Jquery AJAX（但我喜欢为此应用程序使用Vanilla JS）。

Answer 1

将X-CSRF-Token更改为X-CSRF-TOKEN