How to redirect 404 errors to a page in ExpressJS

Question

I don t know a function for doing this  does anyone know of one

User · Answer

If you want to redirect to error pages from your functions (routes) then do following things -

Add general error messages code in your app.js -

app.use(function(err, req, res, next) {
    // set locals, only providing error in development
    res.locals.message = err.message
    res.locals.error = req.app.get('env') === 'development' ? err : {}

    // render the error page
    // you can also serve different error pages
    // for example sake, I am just responding with simple error messages 
    res.status(err.status || 500)
   if(err.status === 403){
       return res.send('Action forbidden!');
   }

   if(err.status === 404){
       return res.send('Page not found!');
   }

   // when status is 500, error handler
   if(err.status === 500) {
       return res.send('Server error occured!');
   }
   res.render('error')
})

In your function, instead of using a error-page redirect you can use set the error status first and then use next() for the code flow to go through above code -

if(FOUND){
    ...
}else{
    // redirecting to general error page
    // any error code can be used (provided you have handled its error response)
    res.status(404)
    // calling next() will make the control to go call the step 1. error code
    // it will return the error response according to the error code given (provided you have handled its error response)
    next()
}

User · Answer

app get     function req res    res redirect   login

User · Answer

At the last line of app js just put this function  This will override the default page-not-found error page   app use function  req  res        res status 404  render  error          It will override all the requests that don t have a valid handler and render your own error page

User · Answer

If you use express-generator package    next err    This code send you to the 404 middleware

User · Answer

You can put a middleware at the last position that throws a NotFound error  or even renders the 404 page directly   app use function req res       res status 404  render  404 jade

User · Answer

Covering of all HTTP verbs in express In order to cover all HTTP verbs and all remaining paths you could use  app all      cb    Final solution would look like so  app all       req  res    gt       res status 404  json           success  false          data   404             You shouldn t forget to put the router in the end  Because order of routers matter

User · Answer

The easiest way to do it is to have a catch all for Error Page     Step 1  calling express const express   require  express    const app   express      Then     require Path to get file locations const path   require  path      Now you can store all your  html  pages  including an error  html  page  in a variable     Storing file locations in a variable var indexPg   path join   dirname     htmlPages index html    var aboutPg   path join   dirname     htmlPages about html    var contactPg   path join   dirname     htmlPages contact html    var errorPg   path join   dirname     htmlPages 404 html      this is your error page   Now you simply call the pages using the Get Method and have a catch all for any routes not available to direct to your error page using app get         Step 2  Defining Routes   default page will be your index html app get      function req res     res sendFile indexPg         about page app get   about   function req res     res sendFile aboutPg         contact page app get   contact   function req res     res sendFile contactPg         catch all endpoint will be Error Page app get      function req res     res sendFile errorPg         Don t forget to set up a Port and Listen for server      Setting port to listen on const port   process env PORT    8000     Listening on port app listen port  function      console log  http   localhost   port          This should now show your error page for all unrecognized endpoints

User · Answer

While the answers above are correct  for those who want to get this working in IISNODE you also need to specify    lt configuration gt       lt system webServer gt           lt httpErrors existingResponse  PassThrough   gt       lt  system webServer gt   lt configuration gt    in your web config  otherwise IIS will eat your output

User · Answer

Hi please find the answer  const express   require  express    const app   express    const port   8080   app get       req  res    gt  res send  Hello home      app get   about-us    req  res    gt  res send  Hello about us      app post   user set-profile    req  res    gt  res send  Hello profile        last 404 page  app get       req  res    gt  res send  Page Not found 404     app listen port       gt  console log  Example app listening on port   port

User · Answer

you can error handling according to content-type   Additionally  handling according to status code   app js  import express from  express       catch 404 and forward to error handler app use function req  res  next      var err   new Error  Not Found      err status   404    next err           when status is 404  error handler app use function err  req  res  next           set locals  only providing error in development     res locals message   err message      res locals error   req app get  env        development    err               render the error page     res status err status    500       if  404     err status             res format                text plain        gt                    res send  message   not found Data                                 text html        gt                    res render  404 jade                                application json        gt                    res send  message   not found Data                                 default        gt                    res status 406  send  Not Acceptable                                           when status is 500  error handler     if 500     err status            return res send  message   error occur                 404 jade  doctype html  html   head     title 404 Not Found      meta http-equiv  Content-Type  content  text html  charset utf-8       meta name    viewport  content  width device-width  initial-scale 1 0 user-scalable no      body       h2 Not Found Page       h2 404 Error Code   If you can using res format  You can write simple error handling code   Recommendation res format   instead of res accepts     If the 500 error occurs in the previous code  if 500    err status          is called

User · Answer

I used the handler below to handle 404 error with a static  ejs file   Put this code in a route script and then require that file js through app use   in your app js server js www js  if using IntelliJ for NodeJS   You can also use a static  html file     Unknown route handler  router get   otherRoute    function request  response         response status 404        response render  error404  ejs   html          response end           This way  the running express server will response with a proper 404 error and your website can also include a page that properly displays the server s 404 response properly  You can also include a navbar in that 404 error template that links to other important content of your website

User · Answer

express-error-handler lets you specify custom templates  static pages  or error handlers for your errors  It also does other useful error-handling things that every app should implement  like protect against 4xx error DOS attacks  and graceful shutdown on unrecoverable errors  Here s how you do what you re asking for   var errorHandler   require  express-error-handler      handler   errorHandler       static           404    path to static 404 html                  After all your routes       Pass a 404 into next err  app use  errorHandler httpError 404         Handle all unhandled errors  app use  handler      Or for a custom handler   handler   errorHandler     handlers         404   function err404              do some custom thing here                     Or for a custom view   handler   errorHandler     views         404    404 jade

User · Answer

I think you should first define all your routes and as the last route add    The 404 Route  ALWAYS Keep this as the last route  app get      function req  res     res status 404  send  what             An example app which does work   app js   var express   require  express        app   express createServer     app use express static   dirname     public      app get      function req  res     res send  hello world           The 404 Route  ALWAYS Keep this as the last route  app get      function req  res     res send  what      404        app listen 3000   127 0 0 1        alfred alfred-laptop   node stackoverflow 6528876  mkdir public alfred alfred-laptop   node stackoverflow 6528876  find   alfred alfred-laptop   node stackoverflow 6528876  echo  I don t find a function for that    Anyone knows    gt  public README txt alfred alfred-laptop   node stackoverflow 6528876  cat public README txt       app js   public   public README txt  alfred alfred-laptop   node stackoverflow 6528876  curl http   localhost 3000  hello world alfred alfred-laptop   node stackoverflow 6528876  curl http   localhost 3000 README txt I don t find a function for that    Anyone knows

User · Answer

The answer to your question is   app use function req  res        res status 404  end  error          And there is a great article about why it is the best way here

User · Answer

To send to a custom page   app get      function req  res     if  req accepts  html           res send  404     lt script gt location href     the-404-page html   lt  script gt          return

User · Answer

https   github com robrighter node-boilerplate blob master templates app server js  This is what node-boilerplate does

User · Answer

Add this middleware    error handler app use function err  req  res  next        set locals  only providing error in development    res locals message   err message     res locals error   req app get  env        development    err            render the error page    res status err status    500      res render  error

User · Answer

The above answers are good  but in half of these you won t be getting 404 as your HTTP status  code returned and in other half  you won t be able to have a custom template render  The best way to have a custom error page  404 s  in Expressjs is  app use function req  res  next       res status 404  render  404 error template    title   Sorry  page not found           Place this code at the end of all your URL mappings

User · Answer

The above code didn t work for me  So I found a new solution that actually works  app use function req  res  next        res status 404  send  Unable to find the requested resource          Or you can even render it to a 404 page  app use function req  res  next        res status 404  render  quot 404page quot         Hope this helped you

User · Answer

There are some cases where 404 page cannot be written to be executed as the last route  especially if you have an asynchronous routing function that brings in a  route late to the party  The pattern below might be adopted in those cases    var express   require  express io        app   express        router   express Router     router get   hello   function  req  res        res send  Hello World            Router is up here  app use router    app use function req  res        res send  Crime Scene 404  Do not repeat         router get   late   function  req  res        res send  Its OK to come late         app listen 8080  function         console log  Ready

User · Answer

I found this example quite helpful   https   github com visionmedia express blob master examples error-pages index js  So it is actually this part       app router  positions our routes    above the middleware defined below     this means that Express will attempt    to match  amp  call routes  before  continuing    on  at which point we assume it s a 404 because    no route has handled the request   app use app router       Since this is the last non-error-handling    middleware use  d  we assume 404  as nothing else    responded        curl http   localhost 3000 notfound      curl http   localhost 3000 notfound -H  Accept  application json       curl http   localhost 3000 notfound -H  Accept  text plain   app use function req  res  next     res status 404         respond with html page   if  req accepts  html          res render  404     url  req url         return            respond with json   if  req accepts  json          res send   error   Not found          return            default to plain-text  send     res type  txt   send  Not found

User · Answer

The 404 page should be set up just before the call to app listen Express has support for   in route paths  This is a special character which matches anything  This can be used to create a route handler that matches all requests   app get       req  res    gt      res render  404         title   404       name   test       errorMessage   Page not found

User · Answer

What I do after defining all routes is to catch potential 404 and forward to error handler  like this      const httpError   require  http-errors                     API router     app use   api    routes               catch 404 and forward to error handler     app use  req  res  next    gt          const err   new httpError 404        return next err                module exports   app

[node.js] How to redirect 404 errors to a page in ExpressJS?

Examples related to node.js

Examples related to express