设置跨域规则后调用OSS时仍然报“No 'Access-Control-Allow-Origin'”的错误

查了一堆,都说开了cdn的问题,问题是没开啊

找了很多很多文章,大部分都是说配置,以下总结几个原因

1.oss跨越规则设置(ps:多半都不会是这个原因…)

在这里插入图片描述

2.开了cdn,(ps:估计很多人也不会这个原因)

(转):在用户第一次访问cdn,cdn会检查数据没有,回源到源站进行访问。源站对比将数据经过cdn反馈给客户端浏览器。浏览器比对Access-Control-Allow-Origin 后,允许正确,所以跨域正常。 当第二个用户访问时,cdn检测有这个文件,所以会直接给客户端反馈缓存页面。由于CDN之所以失败是因为CDN缓存了OSS未配置cors之前的文件及其头部,造成客户端浏览器判断失败,不允许访问。所以出现了跨域失败。
解决办法:
CDN直接提供了Access-Control-Allow-Origin、Access-Control-Allow-Methods、Access-Control-Max-Age
在这里插入图片描述

3.这 里 最 可 能 的 一 个 原 因 − 浏 览 器 缓 存 导 致 \color{#FF0000}{这里最可能的一个原因 - 浏览器缓存导致}

博主用了canvas读取图片,第一个正常,第二个图片就报跨域错误???

1. js里面设置 crossOrigin = anonymous (具体写在哪,写在你读取图片对象的位置,怎么写百度去吧)
2.你直接在oss图片链接后面加 time=时间戳 的参数,这样就可以让图片每次都读取oss了

版权声明:本文为weixin_43619531原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。