图片跨域问题?

作者站长头像
站长
· 阅读数 6

阿里云的图片,例如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.报跨域问题,测试环境的时候让后端在阿里云那边加上了测试环境地址,使得跨域问题解决了,到正式环境也让后端一模一样的操作,但是依旧存在跨域问题,这应该怎么解决?

回复
1个回答
avatar
test
2024-06-27

这个看字面意思是还没有加上Access-Control-Allow-Origin。看了一下你提供的这个图片,确实是还没有加上允许跨域的配置。


这是阿里云oss的跨域设置,允许 *.test.com 跨域answer image

测试,分别使用ff.test.comff.btest.com去验证是否配置成功,因为配置了*.test.com能匹配ff.test.com,所以ff.test.com能正常返回跨域的设置。answer image

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容