node.js - Error #404 Page Not Working with Express

Question

When I test my Error #404 page, I get the default "Not Found."

require('html');
var WebSocketServer = require('ws').Server
    , http = require('http')
    , fs = require('fs')
    , express = require('express')
    , app = express();

app.use(express.static(__dirname + '/public'));

var server = http.createServer(app);
server.listen(42069);

var MainServer = new WebSocketServer({server: server});

// Handle 404
app.use(function(req, res) {
    res.status(404).render('/error/404.html',{title: "Error #404"});
});

However, it does work with

app.use(function(req, res) {
    res.status(404).render('/error/404.html',{title: "Error #404"});
});

but I don't want to be redirected to my 404 page, I want it to be rendered on any non-existent address.

Any thoughts on how to get this to work?

Thanks!

Answer 1

You could try something like this after your route handling

app.get('/404', function(req, res, next){
  // trigger a 404 since no other middleware
  // will match /404 after this one, and we're not
  // responding here
  next();
});


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');
});