被 CORS 策略 Angular 和 Slim 阻止

Posted

技术标签:

【中文标题】被 CORS 策略 Angular 和 Slim 阻止【英文标题】:Blocked By CORS Policy Angular and Slim 【发布时间】:2020-01-15 21:23:57 【问题描述】:

我在前端运行 Angular 应用程序,在后端运行纤薄的应用程序,但是当在浏览器中点击 api url 时它不起作用,但在邮递员中它工作正常,谢谢!

注意

我在堆栈溢出中关注了所有相关的帖子,但是 我仍然没有得到任何解决方案

Access to XMLHttpRequest at 'http://school_erp_api.dev/login' from 
origin 'http://localhost:4200' has been blocked by CORS policy: 
Response to preflight request doesn't pass access control check: 
Redirect is not allowed for a preflight request.

【问题讨论】:

我已经关注了所有相关的帖子你能在答案中解释一下吗? 是的,我关注了这个帖子***.com/questions/56479150/… 和其他相关的也 您可以通过设置代理来使用本地开发或Chrome的扩展。 你能告诉我扩展名吗 【参考方案1】:

简单地说,您的后端需要使用 Allow-Origin 标头进行响应,以便您的预检(OPTIONS 请求)通过并且服务器允许 CORS。所以,你的后端应该发送Access-Control-Allow-Origin: <domain>, ... | *

有关使用 slim 实现此功能的方法,请查看 here

【讨论】:

以上是关于被 CORS 策略 Angular 和 Slim 阻止的主要内容,如果未能解决你的问题,请参考以下文章

被 ionic-5 angular 中的 CORS 策略阻止

PHP Slim 框架 CORS

在运行本地 API 实例的 Angular 应用程序中解决“被 CORS 策略阻止”错误

从 Angular 前端到 json-server 的 GET 调用访问被 CORS 策略阻止的 XMLHttpRequest

Angular 和播放框架从源访问 XMLHttpRequest 已被 CORS 策略阻止

使用 SIGNAL R 的 Angular 7 和 ASP.NET Core 2.2 的 CORS 策略问题