被 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 策略阻止
在运行本地 API 实例的 Angular 应用程序中解决“被 CORS 策略阻止”错误
从 Angular 前端到 json-server 的 GET 调用访问被 CORS 策略阻止的 XMLHttpRequest