plunker 中没有“Access-Control-Allow-Origin”标头

Posted

技术标签:

【中文标题】plunker 中没有“Access-Control-Allow-Origin”标头【英文标题】:No 'Access-Control-Allow-Origin' header in plunker 【发布时间】:2017-07-27 01:53:31 【问题描述】:

我看到有很多关于No 'Access-Control-Allow-Origin' header 的帖子。我的问题是关于如何在 plunker 中解决这个问题。

我在plunker 中有一段代码,它试图加载一个外部 html 文件。它给出了一个错误No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://run.plnkr.co' is therefore not allowed access.

我尝试通过open /Applications/Google\ Chrome.app --args --disable-web-security 启动 Chrome,但没有帮助。

是否有人有任何解决方法可以在 plunker 中加载外部 html 文件?

【问题讨论】:

【参考方案1】:

您可以使用开放式 CORS 代理,例如 https://cors-anywhere.herokuapp.com/。

它的工作方式是,不是直接向https://site.to.request 提出请求,而是向https://cors-anywhere.herokuapp.com/https://site.to.request 提出请求。

https://cors-anywhere.herokuapp.com/ 代理然后添加必要的 CORS 标头。

或者您可以从https://github.com/Rob--W/cors-anywhere/ 的源代码运行您自己的实例

【讨论】:

以上是关于plunker 中没有“Access-Control-Allow-Origin”标头的主要内容,如果未能解决你的问题,请参考以下文章

分组中的Ag网格显示[关闭]

html Plunker嵌入代码

apache_conf Plunker - Angular v5配置

更新到 Angular 6 和 rxjs 6 后 Plunker 坏了

Angular2访问嵌套JSON

Slick.js 未正确初始化