我尝试fetch了一个旧网站的URL,并且发生了错误:
fetch
Fetch API cannot load http://xyz. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://abc' is therefore not allowed access. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
我理解了该消息,并尝试执行一个返回不透明响应的请求:
fetch("http://xyz", {'mode': 'no-cors'})
好的,它现在可以工作了......但我无法阅读它。=\
那么,不透明响应的目的是什么?
考虑服务工作者充当不可知缓存的情况。您唯一的目标是提供与您从网络获得的资源相同的资源,但速度更快。当然,您不能确保所有资源都属于您的来源(例如,考虑从 CDN 提供的库)。由于 service worker 有可能改变网络响应,你需要保证你对响应的内容不感兴趣,也不关心响应的头部,甚至不关心结果。您只对作为黑盒的响应感兴趣,以便可能缓存它并更快地提供它。
这就是{ mode: 'no-cors' }为之而生的。
{ mode: 'no-cors' }