Как сделать проверку csrf токена для ajax в laravel?

Question

BellZaph @BellZaph

Senior Hello World Developer

Laravel

Как сделать проверку csrf токена для ajax в laravel?

В $expect нету данного url, но он не проверяет токен. Midlleware стоит web с verifycsrf

Вопрос задан более трёх лет назад
198 просмотров

5 комментариев

Подписаться 1 Простой 5 комментариев

JhaoDa @JhaoDa

Ты проверил, что кука с токеном приходит, что токен вообще создаётся, что с сессиями нет проблем?

Написано более трёх лет назад

Владимир Харсеев @vkharseev

protected $middlewareGroups = [
'web'     => [],
'api'     => [],
'js'     => [
            EncryptCookies::class,
            AddQueuedCookiesToResponse::class,
            StartSession::class,
            AuthenticateSession::class,
            ShareErrorsFromSession::class,
            AjaxVerifyCsrfToken::class,
            SubstituteBindings::class,
]
];

<?php

namespace App\Http\Middleware;

use Closure;
use Illuminate\Http\Request;
use Illuminate\Session\TokenMismatchException;
use Illuminate\Foundation\Http\Middleware\VerifyCsrfToken as Middleware;

class AjaxVerifyCsrfToken extends Middleware
{
    protected $addHttpCookie = true;
    protected $except = [
        //
    ];
    public function handle($request, Closure $next)
    {
        if (
            $this->runningUnitTests() || (
                $this->isReading($request) &&
                $this->tokensMatch($request)
            )
        ) {
            return tap($next($request), function ($response) use ($request) {
                if ($this->shouldAddXsrfTokenCookie()) {
                    $this->addCookieToResponse($request, $response);
                }
            });
        }
        throw new TokenMismatchException('Несоответствие CSRF ключа. Перезагрузите страницу.');
    }
    protected function runningUnitTests(): ?bool
    {
        return env('APP_ENV') === 'testing';
    }

    protected function isReading($request): ?bool
    {
        return in_array($request->method(), ['GET', 'POST', 'HEAD', 'GET', 'OPTIONS']);
    }
}

Написано более трёх лет назад

Владимир Харсеев @vkharseev

app.js

window.axios = require('axios');
window.axios.defaults.headers.common = {
    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
    'X-Requested-With': 'XMLHttpRequest',
    'Content-Type': 'application/json',
};

axios.post('/ajax/post', {
                                id: 9999,                            
                            }).then(response => {
                               
                            }).catch(function (resp) {
                                console.log(resp);
                            });

Написано более трёх лет назад

Владимир Харсеев @vkharseev

$router->group(
    ['prefix' => '/ajax'],
    static function (Router $router) {
        $router->group(
            ['prefix' => 'post', 'middleware' => ['js'], 'as' => 'js.ajax.post.'],
            static function (Router $router) {
                $router
                    ->post('/', PostController@get')->name('get');
....

Написано более трёх лет назад

Владимир Харсеев @vkharseev
layout.blade.php

<head> ... <meta name="csrf-token" content="{{ csrf_token() }}"> ... </head>
Написано более трёх лет назад

Решения вопроса 1

1 комментарий

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

Laravel

Простой
Насколько правильным будет решение на ларавель?
- 1 подписчик
- 13 часов назад
- 122 просмотра
3

ответа
Laravel

Простой
Почему добавленного параметра через $this->request->set() нет при выводе $request->validated()?
- 1 подписчик
- 20 дек.
- 56 просмотров
1

ответ
PHP

+1 ещё

Средний
Как при сохранении данных дополнительно отправлять их в файл в контроллере Laravel?
- 1 подписчик
- 17 дек.
- 139 просмотров
0

ответов
Laravel

+1 ещё

Средний
Пагинация cursor но с соседними страницами?
- 1 подписчик
- 14 дек.
- 82 просмотра
1

ответ
1С-Битрикс

+1 ещё

Простой
Как устранить ошибку «Too Many Requests»?
- 1 подписчик
- 08 дек.
- 142 просмотра
1

ответ
Vue.js

+2 ещё

Средний
Прошу помочь определиться, что выбрать nuxt или inertia для laravel + vue.js?
- 2 подписчика
- 08 дек.
- 633 просмотра
2

ответа
Laravel

+1 ещё

Средний
Как решить проблему иерархии наслодования классов при тестирования методов?
- 1 подписчик
- 06 дек.
- 78 просмотров
0

ответов
Vue.js

+1 ещё

Средний
Как отобразить множество компонентов vue внутри blade шаблона?
- 1 подписчик
- 04 дек.
- 103 просмотра
2

ответа
Laravel

Средний
Как отфильтровать данные используя asyncSearch в Laravel Moonshine?
- 1 подписчик
- 26 нояб.
- 111 просмотров
1

ответ
Laravel

+2 ещё

Средний
Как разместить приложение nuxt 3 в режиме SPA на сервер без node.js?
- 1 подписчик
- 24 нояб.
- 125 просмотров
0

ответов
Показать ещё Загружается…

Backend-разработчик Laravel

ЕГЭЛенд • Москва

от 120 000 ₽

Fullstack-разработчик React.js/JavaScript/Node.js/PHP Laravel

Digitable • Иваново

от 110 000 до 150 000 ₽

Middle Fullstack Developer (Laravel + Vue.js) (Contractor, Remote)

Hicaliber

от 2 500 до 3 800 $

Исправить проблему с SSL сертификатом

28 дек. 2024, в 05:24

2000 руб./за проект

Сделать рабочую копию сайта

28 дек. 2024, в 01:30

7000 руб./за проект

Написать хук для потоков которые используют GetRawInputData

28 дек. 2024, в 01:07

1500 руб./за проект

Ты проверил, что кука с токеном приходит, что токен вообще создаётся, что с сессиями нет проблем?
protected $middlewareGroups = [ 'web' => [], 'api' => [], 'js' => [ EncryptCookies::class, AddQueuedCookiesToResponse::class, StartSession::class, AuthenticateSession::class, ShareErrorsFromSession::class, AjaxVerifyCsrfToken::class, SubstituteBindings::class, ] ];

<?php namespace App\Http\Middleware; use Closure; use Illuminate\Http\Request; use Illuminate\Session\TokenMismatchException; use Illuminate\Foundation\Http\Middleware\VerifyCsrfToken as Middleware; class AjaxVerifyCsrfToken extends Middleware { protected $addHttpCookie = true; protected $except = [ // ]; public function handle($request, Closure $next) { if ( $this->runningUnitTests() || ( $this->isReading($request) && $this->tokensMatch($request) ) ) { return tap($next($request), function ($response) use ($request) { if ($this->shouldAddXsrfTokenCookie()) { $this->addCookieToResponse($request, $response); } }); } throw new TokenMismatchException('Несоответствие CSRF ключа. Перезагрузите страницу.'); } protected function runningUnitTests(): ?bool { return env('APP_ENV') === 'testing'; } protected function isReading($request): ?bool { return in_array($request->method(), ['GET', 'POST', 'HEAD', 'GET', 'OPTIONS']); } }
app.js

window.axios = require('axios'); window.axios.defaults.headers.common = { 'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'), 'X-Requested-With': 'XMLHttpRequest', 'Content-Type': 'application/json', };

axios.post('/ajax/post', { id: 9999, }).then(response => { }).catch(function (resp) { console.log(resp); });
$router->group( ['prefix' => '/ajax'], static function (Router $router) { $router->group( ['prefix' => 'post', 'middleware' => ['js'], 'as' => 'js.ajax.post.'], static function (Router $router) { $router ->post('/', PostController@get')->name('get'); ....
layout.blade.php

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

Answer 1 · 2020-04-14 11:11:03

Можно свой Midlleware написать. За основу взять оригинальный и настроить проверку.
Можно изменить существующую, добавив в него проверку на $requrest->isAjax() (могу ошибаться).

Как сделать проверку csrf токена для ajax в laravel?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт