Tengo una APP que estoy desarrollando en ANGULAR v16 + LARAVEL v10 que tiene que consumir una API que desarrollé en PHP, el problema se presenta cuando tengo que consumir esta API, me devuelve el error de CORS y esto es en el ambiente de desarrollo local.
He estado buscando las posibles razones y lo que tengo que hacer para solucionar este problema. Por el lado de la API, tengo esto directamente en el '.htaccess':
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ index.php [QSA,L]
Header set Access-Control-Allow-Origin "*"
Header set Access-Control-Allow-Headers "X-Requested-With, X-Auth-Token, Content-Type, Origin, Cache-Control, Pragma, Authorization, Accept, Accept-Encoding, X-Login-Origin, responseType"
Header set Access-Control-Allow-Methods "GET, POST, PUT, DELETE, OPTIONS"
Y de lado del 'backend', es decir, de LARAVEL he colocado tambien esto:
Route::group(['middleware' => 'cors'], function () {
Route::get('/getrecordset', [IncidentsController::class, 'getData']);
Route::get('/getdataset', [IncidentsController::class, 'getDataSet']);
});
El middleware que busque en Internet sobre estos temas es el siguiente: 'Cors_II.php'
<?php
namespace App\Http\Middleware;
use Closure;
use Illuminate\Http\Request;
use Symfony\Component\HttpFoundation\Response;
class Cors_II
{
/**
* Handle an incoming request.
*
* @param \Closure(\Illuminate\Http\Request): (\Symfony\Component\HttpFoundation\Response) $next
*/
public function handle(Request $request, Closure $next): Response
{
$response = $next($request);
$response->headers->set('Access-Control-Allow-Origin', '*');
$response->headers->set('Access-Control-Allow-Methods', 'GET, POST, PATCH, PUT, DELETE, OPTIONS');
$response->headers->set('Access-Control-Allow-Headers', 'Origin, Content-Type, X-Auth-oken, Authorization, Accept, charset, boundary, Content-Lenght');
$request->header('Access-Control-Request-Headers');
return $response;
}
}
Y este mismo es el que inserto en el 'Kernel.php'
<?php
namespace App\Http;
use Illuminate\Foundation\Http\Kernel as HttpKernel;
use App\Http\Middleware\Cors_II;
class Kernel extends HttpKernel
{
/**
* The application's global HTTP middleware stack.
*
* These middleware are run during every request to your application.
*
* @var array<int, class-string|string>
*/
protected $middleware = [
// \App\Http\Middleware\TrustHosts::class,
\App\Http\Middleware\TrustProxies::class,
// \Illuminate\Http\Middleware\HandleCors::class,
Cors_II::class,
\App\Http\Middleware\PreventRequestsDuringMaintenance::class,
\Illuminate\Foundation\Http\Middleware\ValidatePostSize::class,
\App\Http\Middleware\TrimStrings::class,
\Illuminate\Foundation\Http\Middleware\ConvertEmptyStringsToNull::class,
];
Y con todo lo anterior, obtengo este error:
el error es este:
OPTIONS 127.0.0.1/ws-cntpq/depts Estado 400 Bad Request VersiónHTTP/1.1 Transferido498 B (tamaño 0 B) Política de referenciastrict-origin-when-cross-origin Resolución de DNSSistema
Mucho agradecería me pudieran orientar al respecto, de antemano, gracias.
Oscar