Workers - Workers fetch requests now support cf.vary

<p>Workers <code>fetch()</code> requests now support the <code>cf.vary</code> request option. Use <code>cf.vary</code> to control how Cloudflare caches origin responses with a <code>Vary</code> header for a single subrequest.</p> <div><div data-nb-tabs data-nb-sync-key="workersExamples" class><div class="relative flex border-b border-border" role="tablist" data-nb-tabs-list><span class="bg-primary pointer-events-none absolute -bottom-px h-0.5 rounded-t-sm transition-[left,width] duration-200 ease-out" data-nb-tabs-indicator aria-hidden="true"></span></div><div class="mt-3"><div role="tabpanel" data-nb-tabs-content data-nb-tab-label="JavaScript" class><figure class="nb-code-figure nb-code-figure-titled" data-nb-lang="js"><figcaption class="nb-code-title"><span class="nb-code-title-name">src/index.js</span><span class="nb-code-title-lang">js</span></figcaption><pre class="astro-code astro-code-themes github-light github-dark nb-shiki-c6xiwz" tabindex="0" data-language="js" data-nb-lang="js"><code><span class="line"><span class="nb-shiki-1itgoe">export</span><span class="nb-shiki-1itgoe"> default</span><span class="nb-shiki-140thh"> {</span></span> <span class="line"><span class="nb-shiki-1itgoe"> async</span><span class="nb-shiki-1t8gfj"> fetch</span><span class="nb-shiki-140thh">(</span><span class="nb-shiki-1jdh33">request</span><span class="nb-shiki-140thh">) {</span></span> <span class="line"><span class="nb-shiki-1itgoe"> return</span><span class="nb-shiki-1t8gfj"> fetch</span><span class="nb-shiki-140thh">(request, {</span></span> <span class="line"><span class="nb-shiki-140thh"> cf: {</span></span> <span class="line"><span class="nb-shiki-140thh"> vary: {</span></span> <span class="line"><span class="nb-shiki-140thh"> default: { action: </span><span class="nb-shiki-mdbnqw">"bypass"</span><span class="nb-shiki-140thh"> },</span></span> <span class="line"><span class="nb-shiki-140thh"> headers: {</span></span> <span class="line"><span class="nb-shiki-140thh"> accept: {</span></span> <span class="line"><span class="nb-shiki-140thh"> action: </span><span class="nb-shiki-mdbnqw">"normalize"</span><span class="nb-shiki-140thh">,</span></span> <span class="line"><span class="nb-shiki-140thh"> media_types: [</span><span class="nb-shiki-mdbnqw">"text/html"</span><span class="nb-shiki-140thh">, </span><span class="nb-shiki-mdbnqw">"application/json"</span><span class="nb-shiki-140thh">],</span></span> <span class="line"><span class="nb-shiki-140thh"> },</span></span> <span class="line"><span class="nb-shiki-mdbnqw"> "accept-language"</span><span class="nb-shiki-140thh">: {</span></span> <span class="line"><span class="nb-shiki-140thh"> action: </span><span class="nb-shiki-mdbnqw">"normalize"</span><span class="nb-shiki-140thh">,</span></span> <span class="line"><span class="nb-shiki-140thh"> languages: [</span><span class="nb-shiki-mdbnqw">"en"</span><span class="nb-shiki-140thh">, </span><span class="nb-shiki-mdbnqw">"fr"</span><span class="nb-shiki-140thh">, </span><span class="nb-shiki-mdbnqw">"de"</span><span class="nb-shiki-140thh">],</span></span> <span class="line"><span class="nb-shiki-140thh"> },</span></span> <span class="line"><span class="nb-shiki-140thh"> },</span></span> <span class="line"><span class="nb-shiki-140thh"> },</span></span> <span class="line"><span class="nb-shiki-140thh"> },</span></span> <span class="line"><span class="nb-shiki-140thh"> });</span></span> <span class="line"><span class="nb-shiki-140thh"> },</span></span> <span class="line"><span class="nb-shiki-140thh">};</span></span></code></pre></figure></div><div role="tabpanel" data-nb-tabs-content data-nb-tab-label="TypeScript" class><figure class="nb-code-figure nb-code-figure-titled" data-nb-lang="ts"><figcaption class="nb-code-title"><span class="nb-code-title-name">src/index.ts</span><span class="nb-code-title-lang">ts</span></figcaption><pre class="astro-code astro-code-themes github-light github-dark nb-shiki-c6xiwz" tabindex="0" data-language="ts" data-nb-lang="ts"><code><span class="line"><span class="nb-shiki-1itgoe">export</span><span class="nb-shiki-1itgoe"> default</span><span class="nb-shiki-140thh"> {</span></span> <span class="line"><span class="nb-shiki-1itgoe"> async</span><span class="nb-shiki-1t8gfj"> fetch</span><span class="nb-shiki-140thh">(</span><span class="nb-shiki-1jdh33">request</span><span class="nb-shiki-140thh">)</span><span class="nb-shiki-1itgoe">:</span><span class="nb-shiki-1t8gfj"> Promise</span><span class="nb-shiki-140thh">&#x3C;</span><span class="nb-shiki-1t8gfj">Response</span><span class="nb-shiki-140thh">> {</span></span> <span class="line"><span class="nb-shiki-1itgoe"> return</span><span class="nb-shiki-1t8gfj"> fetch</span><span class="nb-shiki-140thh">(request, {</span></span> <span class="line"><span class="nb-shiki-140thh"> cf: {</span></span> <span class="line"><span class="nb-shiki-140thh"> vary: {</span></span> <span class="line"><span class="nb-shiki-140thh"> default: { action: </span><span class="nb-shiki-mdbnqw">"bypass"</span><span class="nb-shiki-140thh"> },</span></span> <span class="line"><span class="nb-shiki-140thh"> headers: {</span></span> <span class="line"><span class="nb-shiki-140thh"> accept: {</span></span> <span class="line"><span class="nb-shiki-140thh"> action: </span><span class="nb-shiki-mdbnqw">"normalize"</span><span class="nb-shiki-140thh">,</span></span> <span class="line"><span class="nb-shiki-140thh"> media_types: [</span><span class="nb-shiki-mdbnqw">"text/html"</span><span class="nb-shiki-140thh">, </span><span class="nb-shiki-mdbnqw">"application/json"</span><span class="nb-shiki-140thh">],</span></span> <span class="line"><span class="nb-shiki-140thh"> },</span></span> <span class="line"><span class="nb-shiki-mdbnqw"> "accept-language"</span><span class="nb-shiki-140thh">: {</span></span> <span class="line"><span class="nb-shiki-140thh"> action: </span><span class="nb-shiki-mdbnqw">"normalize"</span><span class="nb-shiki-140thh">,</span></span> <span class="line"><span class="nb-shiki-140thh"> languages: [</span><span class="nb-shiki-mdbnqw">"en"</span><span class="nb-shiki-140thh">, </span><span class="nb-shiki-mdbnqw">"fr"</span><span class="nb-shiki-140thh">, </span><span class="nb-shiki-mdbnqw">"de"</span><span class="nb-shiki-140thh">],</span></span> <span class="line"><span class="nb-shiki-140thh"> },</span></span> <span class="line"><span class="nb-shiki-140thh"> },</span></span> <span class="line"><span class="nb-shiki-140thh"> },</span></span> <span class="line"><span class="nb-shiki-140thh"> },</span></span> <span class="line"><span class="nb-shiki-140thh"> });</span></span> <span class="line"><span class="nb-shiki-140thh"> },</span></span> <span class="line"><span class="nb-shiki-140thh">} </span><span class="nb-shiki-1itgoe">satisfies</span><span class="nb-shiki-1t8gfj"> ExportedHandler</span><span class="nb-shiki-140thh">;</span></span></code></pre></figure></div></div></div><script type="module" src="https://developers.cloudflare.com/home/runner/work/cloudflare-docs/cloudflare-docs/src/components/ui/tabs/Tabs.astro?astro&type=script&index=0&lang.ts"></script></div> <p>For more information, refer to <a href="https://developers.cloudflare.com/workers/runtime-apis/request/#the-cfvary-property"><code>cf.vary</code></a>.</p>