图片跨域问题?-灵析社区

777七月

阿里云的图片,例如[https://syx-hzy5200.oss-cn-shenzhen.aliyuncs.com/c17ed98cdb36...](https://link.segmentfault.com/?enc=6QN%2B%2BzfixYwT98EkVUx7XQ%3D%3D.CrvjxgHMnBFplOy%2BAHVWZCPKa6Z7Cye21U8YqTAApi7IArGbab2SVpCZNIJA1ppxKBUFkvs4c9Wg81lABcavNH16iFBKg4F5x0UoVimaDS3%2BGCH%2F4MBQ8Hfn9hrVjSXl)(不同图片这个不一样c17ed98cdb36418498caf32f95c0666f),前端项目中需要有一个需求是将url转图片 代码是 const imageBlob = await fetch(urls, { mode: 'cors' }).then(res => res.blob()) 但是ccess to fetch at '[https://syx-hzy5200.oss-cn-shenzhen.aliyuncs.com/c17ed98cdb36...](https://link.segmentfault.com/?enc=MX4wfwFwndlv3BtEamH6CQ%3D%3D.TU7bzQFv4wa3c1WmYxiDOoYucXsOr7%2FLTnRCdue0Kwd0soiLYJAIrODXMaEONJYxw70rWcKQpJhLmlA0V4s8rYbLLwFuArUx4oC%2FTrVPBnMJHTgXUY38qobclzOw1F0l)' from origin '[http://xxx](https://link.segmentfault.com/?enc=762eZ%2BGZCkavViuyVmIgKg%3D%3D.7RH%2F2b%2BdvPZPsFaZPK42Gg%3D%3D)' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled. 报跨域问题,测试环境的时候让后端在阿里云那边加上了测试环境地址,使得跨域问题解决了,到正式环境也让后端一模一样的操作,但是依旧存在跨域问题,这应该怎么解决?

阅读量:326

点赞量:5

问AI
这个看字面意思是还没有加上Access-Control-Allow-Origin。 看了一下你提供的这个图片,确实是还没有加上允许跨域的配置。 *** 这是阿里云oss的跨域设置,允许 "*.test.com" 跨域 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241229/4029ce5183715f69bfbbaecc195b6864.png) 测试,分别使用"ff.test.com"和"ff.btest.com"去验证是否配置成功,因为配置了"*.test.com"能匹配"ff.test.com",所以"ff.test.com"能正常返回跨域的设置。 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241229/324e116b2ed39d25a8a6faa6232105b0.png)