Send back full external API response from Nitro handler.

I'm sending requests to a Laravel backend from a Nuxt frontend. Both apps (Laravel and Nuxt) are implementing the Precognition protocol for form validation, but the data model that the backend expects is different from the one the frontend uses.

The issue I'm facing is that precognition requests, when failing, include errors and headers that the frontend library (we're using

nuxt-precognition

nuxt-precognition

) needs to correctly display the form errors. Is there a way to force Nitro to return the exact same headers and response body when the Laravel Precognition middleware returns a 422 ?

I tried the following code which got me close but the Nitro docs specifically state that it won't work, so I'm not surprised. Just wondering if there's another way to make it work ?

export default defineEventHandler(async (event) => {
  // Nitro path matches the Laravel API path so we just forward it
  const path = event.path
  const response = await $fetch.raw(`http://my-new-api.dev/${path}`, {
    // Proxy method and headers
    method: event.method,
    headers: event.headers,
    // Prevent from throwing error so I can access the raw response and handle it
    ignoreResponseError: true,
  })
  // Try and make our response match the one from Laravel precognition.
  // This is where it fails, `statusCode` is not set correctly (again, expected since documented)
  // And Response.json(response.body) does not set the body correctly (which I don't understand)
  event.node.res.statusCode = response.status
  response.headers.forEach((header, name) => event.node.res.setHeader(name, header))
  event.node.res.statusMessage = response.statusText
  return Response.json(response.body)
})

export default defineEventHandler(async (event) => {
  // Nitro path matches the Laravel API path so we just forward it
  const path = event.path
  const response = await $fetch.raw(`http://my-new-api.dev/${path}`, {
    // Proxy method and headers
    method: event.method,
    headers: event.headers,
    // Prevent from throwing error so I can access the raw response and handle it
    ignoreResponseError: true,
  })
  // Try and make our response match the one from Laravel precognition.
  // This is where it fails, `statusCode` is not set correctly (again, expected since documented)
  // And Response.json(response.body) does not set the body correctly (which I don't understand)
  event.node.res.statusCode = response.status
  response.headers.forEach((header, name) => event.node.res.setHeader(name, header))
  event.node.res.statusMessage = response.statusText
  return Response.json(response.body)
})

From Nitro docs:

When sending a Response, any headers that set using event.res.headers before, will be merged as default headers. event.res.{status/statusText} will be ignored.

Nuxt•9mo ago•

10 replies

Kérunix

Send back full external API response from Nitro handler.

nuxt-precognition

nuxt-precognition

export default defineEventHandler(async (event) => {
  // Nitro path matches the Laravel API path so we just forward it
  const path = event.path
  const response = await $fetch.raw(`http://my-new-api.dev/${path}`, {
    // Proxy method and headers
    method: event.method,
    headers: event.headers,
    // Prevent from throwing error so I can access the raw response and handle it
    ignoreResponseError: true,
  })
  // Try and make our response match the one from Laravel precognition.
  // This is where it fails, `statusCode` is not set correctly (again, expected since documented)
  // And Response.json(response.body) does not set the body correctly (which I don't understand)
  event.node.res.statusCode = response.status
  response.headers.forEach((header, name) => event.node.res.setHeader(name, header))
  event.node.res.statusMessage = response.statusText
  return Response.json(response.body)
})

export default defineEventHandler(async (event) => {
  // Nitro path matches the Laravel API path so we just forward it
  const path = event.path
  const response = await $fetch.raw(`http://my-new-api.dev/${path}`, {
    // Proxy method and headers
    method: event.method,
    headers: event.headers,
    // Prevent from throwing error so I can access the raw response and handle it
    ignoreResponseError: true,
  })
  // Try and make our response match the one from Laravel precognition.
  // This is where it fails, `statusCode` is not set correctly (again, expected since documented)
  // And Response.json(response.body) does not set the body correctly (which I don't understand)
  event.node.res.statusCode = response.status
  response.headers.forEach((header, name) => event.node.res.setHeader(name, header))
  event.node.res.statusMessage = response.statusText
  return Response.json(response.body)
})

From Nitro docs:

When sending a Response, any headers that set using event.res.headers before, will be merged as default headers. event.res.{status/statusText} will be ignored.

Send back full external API response from Nitro handler.

Send back full external API response from Nitro handler.

Similar Threads

Similar Threads

Similar Threads