从Angular 16到Laravel 10调用API时出现CORS错误

t1qtbnec  于 2023-11-20  发布在  Angular
关注(0)|答案(2)|浏览(134)

从Angular到Laravel调用API时出现以下错误
CORS策略已阻止从源“http://localhost:4201”访问位于“http://localhost:8000/api/v1/authenticate”的XMLHttpRequest:所请求的资源上不存在任何“控制-允许-源”标头。
我已经尝试在Angular中为CORS添加头文件,但没有任何效果。我已经检查了Laravel 10 cors文件,从那里开始一切都很好,我还在boostrap/app.php中添加了下面的代码

header("Access-Control-Allow-Headers: Origin, userKey, X-Requested-With, Content-Type, Accept, Access-Control-Request-Method, Access-Control-Allow-Headers, Authorization, observe, enctype, Content-Length, X-Csrf-Token");
header("Access-Control-Allow-Methods: GET, POST");
header("Access-Control-Allow-Credentials: true");
header("Access-Control-Max-Age: 3600");
header('content-type: application/json; charset=utf-8');

字符串

hyrbngr7

hyrbngr71#

尝试下面的建议,按照堆栈溢出答案中的指示添加中间。
CORS错误,无法解决,为什么总是得到控制-允许-起源?

cgfeq70w

cgfeq70w2#

Laravel有一个名为fruitcake/laravel-cors的流行包,您可以使用它来处理CORS。

composer require fruitcake/laravel-cors

个字符
config/cors. php:

'allowed_origins' => ['http://localhost:4201'], // or maybe ['*']


确保Cors中间件包含在您的全局中间件或app/Http/Kernel. php中的API中间件组中:

\Fruitcake\Cors\HandleCors::class,


别忘了跑步:

php artisan config:clear

相关问题