Custom fetch in preset

[ThibaultVlacich]

Hello,

Fetch has some issues on Azure Static Web Apps using Node 22, and I need to disable IPv6

I tried to implement it globally adding this in my custom preset:

const ipv4Agent = new Agent({ connect: { family: 4 } as any })
const azure = {
  fetch: $fetch.create({
    onRequest({ request, options }) {
      const url = typeof request === 'string' ? request : request.url
      const isExternal = /^https?:\/\//i.test(url)
      if (isExternal) {
        options.dispatcher = ipv4Agent
      }
    },
  }),
} satisfies NitroPreset

But at build time I get an error: [error] $fetch is not defined.

I can't really find any documentation on how to do this correctly, any idea what would be the correct way to do it? I also tried doing what's done in the pre-made presets, meaning using useNitroApp().fetch, but useNitroApp doesn't seem to be available, and not sure from where to import it.

[ThibaultVlacich]

Oh, it looks like it's a Nitro v3 only feature, to be able to provide a fetch in the preset?

I'm still using v2 for now (Nuxt 4). If you know of a way to do it :)