What is an opaque response, and what purpose does it serve?

by

Consider the case in which a service worker acts as an agnostic cache. Your only goal is serve the same resources that you would get from the network, but faster. Of course you can’t ensure all the resources will be part of your origin (consider libraries served from CDNs, for instance). As the service worker has the potential of altering network responses, you need to guarantee you are not interested in the contents of the response, nor on its headers, nor even on the result. You’re only interested on the response as a black box to possibly cache it and serve it faster.

This is what { mode: 'no-cors' } was made for.

More Related Contents:

  1. No ‘Access-Control-Allow-Origin’ header is present on the requested resource—when trying to get data from a REST API
  2. Trying to use fetch and pass in mode: no-cors
  3. Handle response – SyntaxError: Unexpected end of input when using mode: ‘no-cors’
  4. How to resolve ‘preflight is invalid (redirect)’ or ‘redirect is not allowed for a preflight request’
  5. 5xx or 4xx error with “No ‘Access-Control-Allow-Origin’ header is present”
  6. Error when accessing API with fetch while setting mode to ‘no-cors’ [duplicate]
  7. What limitations apply to opaque responses?
  8. Access-Control-Allow-Origin wildcard subdomains, ports and protocols
  9. When do browsers send the Origin header? When do browsers set the origin to null?
  10. How to enable Cross domain requests on JAX-RS web services?
  11. Adding Access-Control-Allow-Origin header response in Laravel 5.3 Passport
  12. fetch() unexpected end of input
  13. same-origin policy and CORS – what’s the point?
  14. What is the issue CORS is trying to solve?
  15. How to apply CORS preflight cache to an entire domain
  16. fetch() does not send headers?
  17. Why are CORS requests failing in Microsoft Edge but working in other browsers?
  18. Cannot load Deezer API resources from localhost with the Fetch API
  19. Why is Access-Control-Expose-Headers needed?
  20. Unable to fetch POST without no-cors in header
  21. Empty body in fetch POST request
  22. Slack incoming webhook: Request header field Content-type is not allowed by Access-Control-Allow-Headers in preflight response
  23. Are there any browsers that set the origin header to “null” for privacy-sensitive contexts?
  24. Request header field Access-Control-Allow-Headers is not allowed by itself in preflight response
  25. The ‘Access-Control-Allow-Origin’ header contains multiple values
  26. fetch(), how do you make a non-cached request?
  27. Problems Resteasy 3.09 CorsFilter
  28. Cannot access cssRules from local css file in Chrome 64
  29. How to allow internal MVC Web Api from external site outside the network
  30. UseEffect being called multiple times

Leave a Comment