ERR_BLOCKED_BY_RESPONSE.NotSameOrigin CORS策略JavaScript
ERR_BLOCKED_BY_RESPONSE.NotSameOrigin CORS策略JavaScript
提问于 2021-09-19 12:14:31
这是我从api获得的图像URL
这是我的HTML
<img src="https://scontent-jnb1-1.cdninstagram.com/v/t51.2885-15/e15/242204298_1728375270686500_5634415857798350440_n.jpg?_nc_ht=scontent-jnb1-1.cdninstagram.com&_nc_cat=104&_nc_ohc=3O8LpuGJsdUAX_E1Dxz&edm=AHlfZHwBAAAA&ccb=7-4&oh=0a22779e81f47ddb84155f98f6f5f75f&oe=6148F26D&_nc_sid=21929d">当我直接通过浏览器转到URL时，我会看到图像。但是它没有出现在我的网站上
当我检查调试控制台时，我得到了这个错误。
Failed to load resource: net::ERR_BLOCKED_BY_RESPONSE.NotSameOrigin当我在谷歌上搜索这个的时候，这个问题可能是由于某些CORS策略问题。
如何在不干扰策略和内容的情况下将此图像加载到我的网站上？
<img src="https://scontent-jnb1-1.cdninstagram.com/v/t51.2885-15/e15/242204298_1728375270686500_5634415857798350440_n.jpg?_nc_ht=scontent-jnb1-1.cdninstagram.com&_nc_cat=104&_nc_ohc=3O8LpuGJsdUAX_E1Dxz&edm=AHlfZHwBAAAA&ccb=7-4&oh=0a22779e81f47ddb84155f98f6f5f75f&oe=6148F26D&_nc_sid=21929d">
回答 1
Stack Overflow用户
发布于 2021-09-19 14:14:40
这是一个CORS问题，只能在服务器端解决。
响应具有头cross-origin-resource-policy: same-origin，它告诉我们资源只能由同一来源访问(当它在html页面内被调用时，使用现代浏览器)
您可以将映像托管在另一个位置以使用它。
参考：https://developer.mozilla.org/en-US/docs/Web/HTTP/Cross-Origin_Resource_Policy_(CORP)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/69243166
复制相关文章
相似问题
腾讯云开发者
