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

February 5th, 2012 • 1 min read
A small update to my LESS component for CakePHP
November 29th, 2011 • 1 min read
PHPUnit Installer updated to 3.6.4
May 26th, 2011 • 1 min read
In this short post I will show you how to get rid of a Git submodule