Как разрешить Cors на laravel?

Question

[survivor2005]

Друзья, помогите плз разрешить проблему связанную с CORS защитой.
Делаю веб приложения RESTfull api на laravel и vue. Не могу решить проблему с cors.
Тема заезжанная, но все решения которые нашел в инете не помогают :((
Установил на лару Fruitcake, помогло только на запрос GET, на запрос POST отвечает этим:

Access to fetch at 'localhost:8000/api/users/create' from origin 'localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

Конфиг Fruitcake:

return [
    'paths' => ['api/*', 'sanctum/csrf-cookie'],
    'allowed_methods' => ['*'],
    'allowed_origins' => ['*'],
    'allowed_origins_patterns' => [],
    'allowed_headers' => ['*'],
    'exposed_headers' => [],
    'max_age' => 0,
    'supports_credentials' => false,
];

Запрос:

async sendUserForm () {
      const response = await fetch(this.serverAddr + '/api/users/create', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json'
        },
        body: JSON.stringify({
          name: this.userForm.name,
          email: this.userForm.email,
          password: this.userForm.password,
          group_id: this.userForm.selectGroup
        })
      })

Comments

[JhaoDa]

Тебе в ошибке явно говорят, в чем проблема.

[survivor2005]

JhaoDa, Создавал милдвер и вставлял заголовок туда но не помогло

[Антон Антон]

если ларавель стоит за iis, то надо iis настроить, чтобы он запросы options пропускал - по умолчанию он их сам обрабатывает

[survivor2005]

Антон Антон, open server

[JhaoDa]

survivor2005, а зачем ты её создал, если она уже есть и нужно просто подключить?

[survivor2005]

JhaoDa, без разницы, но в kernel я подключал, возможно сам миддлвер не верно написан, я делал вот так:

<?php

namespace App\Http\Middleware;

use Closure;
use Illuminate\Http\Request;

class HanldeRequest
{
    public function handle($request, Closure $next)
    {
        return $next($request)
            ->header('Access-Control-Allow-Origin', '*')
            ->header('Access-Control-Allow-Credentials',true)
            ->header('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS');
    }
}

[Sergey Kuzmenko]

А в файле роутов не стоит случайно?

Route::middleware(['web'])->group(function () {
    //
});

[survivor2005]

Sergey Kuzmenko, в файле api.php указано

Route::post('/users/create', [UserController::class, 'store']);

группировку пока не делал и не делал разграничение доступа

[survivor2005]

JhaoDa, Sergey Kuzmenko, Антон Антон, в общем я не корректно зарегистрировал мидлвер Cors, сейчас исправил, но появилась другая ошибка.
Access to fetch at 'localhost:8000/api/users/create' from origin 'localhost:8080' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: It does not have HTTP ok status.
Разбираюсь....

[Alexander Bashkin]

survivor2005, Проблема c CORS запросом, как исправить?

Answer 1

[survivor2005]

Всем сорри я просто походу тупанул нужно было зарегистрировать мидлдвер в разделе АПИ, а не в разделе мидлевер. И все зарботало. Прилагаю скрин файла kernel.php. Обратите внимание в каком разделе зарегистрирован Cors.php

<?php

namespace App\Http;

use Illuminate\Foundation\Http\Kernel as HttpKernel;

class Kernel extends HttpKernel
{
    /**
     * The application's global HTTP middleware stack.
     *
     * These middleware are run during every request to your application.
     *
     * @var array
     */
    protected $middleware = [
        // \App\Http\Middleware\TrustHosts::class,
        \App\Http\Middleware\TrustProxies::class,
        \Fruitcake\Cors\HandleCors::class,
        \App\Http\Middleware\PreventRequestsDuringMaintenance::class,
        \Illuminate\Foundation\Http\Middleware\ValidatePostSize::class,
        \App\Http\Middleware\TrimStrings::class,
        \Illuminate\Foundation\Http\Middleware\ConvertEmptyStringsToNull::class,
    ];

    /**
     * The application's route middleware groups.
     *
     * @var array
     */
    protected $middlewareGroups = [
        'web' => [
            \App\Http\Middleware\EncryptCookies::class,
            \Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse::class,
            \Illuminate\Session\Middleware\StartSession::class,
            // \Illuminate\Session\Middleware\AuthenticateSession::class,
            \Illuminate\View\Middleware\ShareErrorsFromSession::class,
            \App\Http\Middleware\VerifyCsrfToken::class,
            \Illuminate\Routing\Middleware\SubstituteBindings::class,
        ],

        'api' => [
            'throttle:api',
            \Illuminate\Routing\Middleware\SubstituteBindings::class,
            \App\Http\Middleware\Cors::class,

        ],
    ];

    /**
     * The application's route middleware.
     *
     * These middleware may be assigned to groups or used individually.
     *
     * @var array
     */
    protected $routeMiddleware = [
        'auth' => \App\Http\Middleware\Authenticate::class,
        'auth.basic' => \Illuminate\Auth\Middleware\AuthenticateWithBasicAuth::class,
        'cache.headers' => \Illuminate\Http\Middleware\SetCacheHeaders::class,
        'can' => \Illuminate\Auth\Middleware\Authorize::class,
        'guest' => \App\Http\Middleware\RedirectIfAuthenticated::class,
        'password.confirm' => \Illuminate\Auth\Middleware\RequirePassword::class,
        'signed' => \Illuminate\Routing\Middleware\ValidateSignature::class,
        'throttle' => \Illuminate\Routing\Middleware\ThrottleRequests::class,
        'verified' => \Illuminate\Auth\Middleware\EnsureEmailIsVerified::class,
    ];
}

Comments

[Кирилл Горлов]

а что находится внутри \App\Http\Middleware\Cors ??? у меня тоже такая проблема, но в 9 ларке нету этой мидлвары