CODEWITHSUNDEEP
next.jshttp-status-code-405
OLIVIER
OLIVIER

Reputation: 898

Next.js error 405 method not allowed on redirect after form submission (POST)

I submit a form (POST method) to a next.js API route. I handle the content of the body (store the content of the form) then I want to redirect to a thank you page.

The API route looks like this

export default async function handler(req, res) {
    const body = Object.assign({}, req.body)
    
    // ... do stuff
    
    res.redirect(307, "/thank-you")

When the redirect occurs, I get a flash of an error page with code 405.

Upvotes: 8

Views: 16837

Answers (1)

OLIVIER
OLIVIER

Reputation: 898

Apparently, next.js looks at the status code passed to the redirect function. I got the hint after reading this.

So, the solution was just to change the status code from the redirect function:

res.redirect(302, "/thank-you")

Upvotes: 16

Related Questions