createError from server middleware does not use /error.vue

[hirisov]

createError from server middleware does not use /error.vue

[stackblitz]

Start a new pull request in StackBlitz Codeflow.

• github-cjjdsq (Open reproduction)

[danielroe]

The reason is that middleware also runs when trying to render the error page. Thus the error page can't render and it falls back to nitro error page.

You can whether you are rendering an error page by checking whether event.path starts with /__nuxt_error.

[hirisov]

Thanks a lot for the feedback! If anybody else runs into this, here is the minimal working solution:

// server/middleware/healthcheck.ts
export default defineEventHandler(async (event) => {
  if (!event.path.startsWith('/__nuxt_error')) {
    throw createError({ message: 'Error from middleware', statusCode: 422 });
  }
});