从 Github 获取贡献的 SVG 图像会在使用 Angular 创建的网站中引发 CORS 错误 [重复]

Posted 2023-03-03

【中文标题】从 Github 获取贡献的 SVG 图像会在使用 Angular 创建的网站中引发 CORS 错误 [重复]

【英文标题】：Fetching contributions SVG image from Github throws CORS error in a website created using Angular [duplicate]

【发布时间】：2018-10-10 05:44:30

【问题描述】：

我正在尝试通过开发网站来学习 Angular，当我尝试 HTTP 获取我从 Github 提供的 Github 贡献并将其显示在网站上时遇到以下错误。

Failed to load https://github.com/users/kapil5harma/contributions: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://kapil5harma.netlify.com' is therefore not allowed access.

我可以看到它在我的本地使用 Chrome 的 CORS 插件运行，但是当在网站上部署相同的代码时，它会抛出上述错误。

【问题讨论】：

您必须将服务器配置为允许来自其他来源的请求。

GitHub 有一个你可以使用的 API，它应该允许 CORS

***.com/questions/34790051/…

***.com/questions/34790051/…

@Fussel 我不明白。我没有任何服务器。我刚刚使用 Angular CLI 创建了一个网站并将其部署到域中。

【参考方案1】：

Github 有自己的专用 API 端点，可以为您尝试获取的数据提供服务。查看the Github API documentation 了解更多信息。

【讨论】：

我正在查看 API 文档，但我找不到与为特定用户获取贡献 SVG 相关的任何内容。

是否可以从 Github API 获取贡献的 SVG 图片？

如果没有在developer.github.com/v3/users/#get-a-single-user 中列出，则不太可能提供该特定信息。

我在文档中检查了它，而且我实际上从他们的 API 中获取了数据，但它不包含我需要的内容。

在这种情况下，您几乎不走运。你仍然可以要求 GitHub 扩展他们的 API 以包含你想要访问的资源。