Cors-anywhere 在 Angular 应用程序的生产中不能在 chrome 中工作

Posted 2023-03-03

【中文标题】Cors-anywhere 在 Angular 应用程序的生产中不能在 chrome 中工作

【英文标题】：Cors-anywhere not working in chrome in production of Angular app

【发布时间】：2020-09-23 10:16:14

【问题描述】：

我尝试使用 newsapi 来构建和托管一个网站。我使用了 Angular 6 和托管我使用了 firebase。当我使用 httpclient 获得响应时，我遇到了我使用 https://cors-anywhere.herokuapp.com 解决的 CORS 问题。它在除 chrome 之外的所有浏览器中都能正常工作。它在 Firefox 中给出了正确的响应，但在 chrome 中没有。

我收到以下错误：

Yi headers: Vi, status: 426, statusText: "Upgrade Required", url: "https://cors-anywhere.herokuapp.com/https://newsap...020-06-03&apiKey=***************** **", ok: false, …

错误：状态：“错误”，代码：“corsNotAllowed”，消息：“开发者计划中不允许来自浏览器的请求，除了来自本地主机。” 标题：Vi normalizedNames：Map(0)， lazyUpdate：null，lazyInit：ƒ 消息：“https://cors-anywhere.herokuapp.com/https://newsapi.org/v2/everything?pageSize=100&q=celebrity%20and%20sports&language=en&sortBy=relevancy&from=2020-06-03&apiKey=********************** 的 Http 失败响应：426 需要升级”名称：“HttpErrorResponse” ok: false status: 426 statusText: "Upgrade Required" url: "https://cors-anywhere.herokuapp.com/https://newsapi.org/v2/everything?

【参考方案1】：

问题似乎是 NewsApi 只为付费客户提供他们的服务（...）其他人只能通过他们的本地主机访问。他们的免费计划称为“开发者计划”（在此处查找：https://newsapi.org/pricing）。据我所知，当您的控制台显示“开发人员计划中不允许来自浏览器的请求，除非来自本地主机”，这意味着您现在必须为他们的服务付费。我没有，因为它对于一个宠物项目来说非常昂贵。如果您找到了解决方法，请告诉我

【讨论】：

如果是这种情况，新闻响应不应该出现在其他浏览器中。但就我而言，我可以在其他浏览器（例如 firefox、IE 等）中看到响应。所以我无法弄清楚问题出在哪里。

@RaghuramBhooma 嘿，这很好！我可以看看你的 GitHub 存储库吗？

@RaghuramBhooma 有什么消息（没有双关语）吗？