从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');
字符串
2条答案
按热度按时间hyrbngr71#
尝试下面的建议,按照堆栈溢出答案中的指示添加中间。
CORS错误,无法解决,为什么总是得到控制-允许-起源?
cgfeq70w2#
Laravel有一个名为
fruitcake/laravel-cors
的流行包,您可以使用它来处理CORS。个字符
config/cors. php:
型
确保Cors中间件包含在您的全局中间件或app/Http/Kernel. php中的API中间件组中:
型
别忘了跑步:
型