Fetch
The Fetch API provides an interface for asynchronously fetching resources via HTTP requests inside of a Worker.
Syntax
export default { async scheduled(event, env, ctx) { return await fetch("https://example.com", { headers: { "X-Source": "Cloudflare-Workers", }, }); },
};
addEventListener('fetch', event => { // NOTE: can’t use fetch here, as we’re not in an async scope yet event.respondWith(eventHandler(event));
});
async function eventHandler(event) { // fetch can be awaited here since `event.respondWith()` waits for the Promise it receives to settle const resp = await fetch(event.request); return resp;
}
fetch(resource, options
: )Promise
<Response>
- Fetch returns a promise to a Response.
Parameters
Related resources
- Example: use
fetch
to respond with another site - Example: Fetch HTML
- Example: Fetch JSON
- Example: cache using Fetch
- Write your Worker code in ES modules syntax for an optimized experience.