This is a really basic question, but I’m trying to change the favicon of my node.js/Express app with
app.use(express.favicon(__dirname + '/public/images/favicon.ico'));
and I’m still getting the default favicon. This is in my
app.configure
function, and yes, I’ve verified that there is afavicon.ico
in the/public/images/favicon.ico
.There’s nothing about afavicon.ico
in the console, either, which leads me to believe that this line of code is being ignored. Everything else in the function (setting port, setting views directory, setting template engine. etc.) seems to be working fine, so why would this line of code not be executing?What I tried
- Emptying browser cache
- Restarting Terminal and running
node app.js
again- Adding
{ maxAge: 2592000000 }
, as described hereThanks in advance.
Update: I got it to work. See my answer below for more information.
Answer
I tried visiting the site in Safari for the first time (I normally use Chrome) and noticed that it was showing the correct favicon. I tried clearing my cache in Chrome again (twice) to no avail, but after more searching, I found that apparently favicons aren’t stored in the cache. I “refreshed my favicon” using the method described here and it worked!
Here’s the method (modified from the above link), in case the link goes dead:
- Open Chrome/the problematic browser
- Navigate to the favicon.ico file directly, e.g. http://localhost:3000/favicon.ico
- Refresh the favicon.ico URL by pressing F5 or the appropriate browser Refresh (Reload) button
- Close the browser and open your website – voila, your favicon has been updated!
Attribution
Source : Link , Question Author : gtmtg , Answer Author : gtmtg