Express Favicon

Using Express Favicon

Express Favicon

by John Vincent


Posted on July 4, 2017


Install and Configure Favicon for an Express App

Straightforward stuff, so let us begin.

serve-favicon

npm serve-favicon

Configure

I consider this to be middleware. Thus

config/middleware.express.js

const favicon = require('serve-favicon');

To reference the favicon

app.use(favicon(path.join(__dirname, '../public', 'favicon.ico')));

The actual code flow

app.use(favicon(path.join(__dirname, '../public', 'favicon.ico')));

app.use(morgan('common'));

app.use(express.static(path.resolve(__dirname, '../public')));

app.use('/assets', express.static(path.resolve(__dirname, '../public/assets')));

Notice that /public is declared express.static

Icon

Copy your favicon.ico to

  • public/favicon.ico

Reference Favicon

  • http(s)://my-website/favicon.ico