Next.js, blank page after calling `res.redirect()`

I had an API route and after responding to a form submit, the API called

res.redirect('/')

It worked great locally in development, but when I shipped it to Vercel, the redirect ended up to a blank page. The URL was correct, but it took a refresh to show the content.

Not sure why, but I fixed this by using res.writeHead() instead:

res.writeHead(302, { Location: '/' }).end()

The 302 Found HTTP code is a common way of performing URL redirection.


This content originally appeared on flaviocopes.com and was authored by flaviocopes.com

I had an API route and after responding to a form submit, the API called

res.redirect('/')

It worked great locally in development, but when I shipped it to Vercel, the redirect ended up to a blank page. The URL was correct, but it took a refresh to show the content.

Not sure why, but I fixed this by using res.writeHead() instead:

res.writeHead(302, { Location: '/' }).end()

The 302 Found HTTP code is a common way of performing URL redirection.


This content originally appeared on flaviocopes.com and was authored by flaviocopes.com


Print Share Comment Cite Upload Translate Updates
APA

flaviocopes.com | Sciencx (2021-06-29T05:00:00+00:00) Next.js, blank page after calling `res.redirect()`. Retrieved from https://www.scien.cx/2021/06/29/next-js-blank-page-after-calling-res-redirect/

MLA
" » Next.js, blank page after calling `res.redirect()`." flaviocopes.com | Sciencx - Tuesday June 29, 2021, https://www.scien.cx/2021/06/29/next-js-blank-page-after-calling-res-redirect/
HARVARD
flaviocopes.com | Sciencx Tuesday June 29, 2021 » Next.js, blank page after calling `res.redirect()`., viewed ,<https://www.scien.cx/2021/06/29/next-js-blank-page-after-calling-res-redirect/>
VANCOUVER
flaviocopes.com | Sciencx - » Next.js, blank page after calling `res.redirect()`. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/06/29/next-js-blank-page-after-calling-res-redirect/
CHICAGO
" » Next.js, blank page after calling `res.redirect()`." flaviocopes.com | Sciencx - Accessed . https://www.scien.cx/2021/06/29/next-js-blank-page-after-calling-res-redirect/
IEEE
" » Next.js, blank page after calling `res.redirect()`." flaviocopes.com | Sciencx [Online]. Available: https://www.scien.cx/2021/06/29/next-js-blank-page-after-calling-res-redirect/. [Accessed: ]
rf:citation
» Next.js, blank page after calling `res.redirect()` | flaviocopes.com | Sciencx | https://www.scien.cx/2021/06/29/next-js-blank-page-after-calling-res-redirect/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts