How to set a response status for a nuxt page? 404

Question

I want to set response status 404 on my /not-found page. I tried to:

create custom error page in ~/error.vue and throw fatal errors with createError. But it just sends 200
throw fatal errors and use NuxtErrorBoundary. But it doesn't do anything
use setResponseStatus in setup

const event = useRequestEvent()
setResponseStatus(event, 404)
setResponseStatus(event, 404, 'Page Not Found')

But it must be executed (as they say) on the server, so it doesn't always work on setup.

Use middleware in ~/server/middleware):

// setResponseStatus wasn't defined in all ~/server/*
// so I had to import it from here 
import { setResponseStatus } from '../../node_modules/nuxt/dist/app'

export default defineEventHandler((event) => {
  setResponseStatus(event, 404)
})

Which either does nothing or just causes nuxt instance unavailble error.

It shouldn't so complicated, right? Or what am I missing here?

Currently considering handling 404 in nginx instead.

Unai Mengual · Accepted Answer · 2023-07-18 02:32:18Z

1

Using a setup function

<script setup>
if (process.server) {
  const event = useRequestEvent()
  setResponseStatus(event, 404)
}
</script>

Since it only works on server you can wrap it in process.server.

Using (inline) route middleware

<script setup>
definePageMeta({
  middleware: [
    () => {
      const event = useRequestEvent()
      setResponseStatus(event, 404)
    }
  ],
});
</script>

Note that you need a route middleware, not a server middleware. Server middleware run on every request which is probably not what you want.

For the sake of simplicity I made the middleware inline but you can have it in the middleware directory.

answered Jul 18, 2023 at 2:32

Unai Mengual

385 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Ришат Ризванов Over a year ago

Than you, but: 1. 1st method doesn't work cause it's conditional, for me process.server is always false (note: ssr: true is used) 2. 2nd doesn't work (I copied and pasted the inline version), it's 200 still. Have you used this method yourself before?

Ришат Ризванов Over a year ago

Sorry, I had a ssr: false exception for /not-found route. Removed it, but now when I set any route the server side has RangeError [ERR_HTTP_INVALID_STATUS_CODE] Invalid status code: H3Event error and the whole site lags.

Unai Mengual Over a year ago

There might be something breaking the server. Hard to say without looking at the code but my code works fine for me. How exactly are you setting the route?

Collectives™ on Stack Overflow

How to set a response status for a nuxt page? 404

1 Answer 1

Using a setup function

Using (inline) route middleware

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Using a setup function

Using (inline) route middleware

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related