How to redirect www traffic to non-www in your Express app

Posted April 19th, 2020 • 1 min read

It's good practice to force either www or non-www for your website. But how do you redirect your traffic properly using Express?

Middleware

The easiest way to do anything in Express is by using middleware. This way you can process every request and take action if you need to.

function redirectWwwTraffic(req, res, next) {
  if (req.headers.host.slice(0, 4) === "www.") {
    var newHost = req.headers.host.slice(4);
    return res.redirect(301, req.protocol + "://" + newHost + req.originalUrl);
  }
  next();
}

app.set("trust proxy", true);
app.use(redirectWwwTraffic);

If you place this before starting your express app it will do the following:

For every request it checks if the host starts with www. If it does, it takes the original URL and redirects it to the non-www version with a 301 redirect.

Simple and easy! 👌

Stay up to date

Want to know when a new post comes out and stay in the loop on tips, tricks and gotchas? Consider signing up for the Mindthecode newsletter.

Comments

Keep reading

May 9th, 2012 • 4 min read
How to format an associative array in JSON with Knockout
April 14th, 2011 • 3 min read
I heard a lot about SASS, mostly a lot of people raving about how it was the best thing since chocolate.
December 6th, 2011 • 2 min read
Loading external assets with curl is not only easy, it's also a lot faster than file_get_contents