Fetching Remote Resources

This recipe shows 2 standard ways of loading a remote resource and one way to use service worker as a proxy middleware.

There are used 3 types of remote resources - unsecure (http), secured with allow-origin header, and secured without the header.

DOM Element

DOM elements are loading the resources


Fetch issues a cors or no-cors request to each resource

Fetch with Service Worker Proxy

Fetch on the client loads a local resource ./cookbook-proxy/{full URL} which is then translated to real URL in the service worker and forwarded to the client.




General Usage

Has it been useful?

Tell us what you think of this recipe by leaving a comment!