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

Question

I want to pass data to my laravel controller to save them in database. Here is my code..

HTML meta Tag..

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

javascript code Block..

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

Router code block...

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

Controller code block (Just for testing)...

public function createNew(Request $request){

    return $request;
}

But it Giving me this error ar chrome console..

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

or Should I use Jquery AJAX (But I love to Use Vanilla JS for this App).

Answer 1

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