图片跨域问题?
阿里云的图片,例如https://syx-hzy5200.oss-cn-shenzhen.aliyuncs.com/c17ed98cdb36...(不同图片这个不一样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...' from origin 'http://xxx' 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.报跨域问题,测试环境的时候让后端在阿里云那边加上了测试环境地址,使得跨域问题解决了,到正式环境也让后端一模一样的操作,但是依旧存在跨域问题,这应该怎么解决?
这个看字面意思是还没有加上Access-Control-Allow-Origin。看了一下你提供的这个图片,确实是还没有加上允许跨域的配置。
这是阿里云oss的跨域设置,允许 *.test.com
跨域
测试,分别使用ff.test.com
和ff.btest.com
去验证是否配置成功,因为配置了*.test.com
能匹配ff.test.com
,所以ff.test.com
能正常返回跨域的设置。
- 经过验证的有效解决办法
- 自己的经验指引,对解决问题有帮助
- 遵循 Markdown 语法排版,代码语义正确
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容