Nodejs專案網頁圖示的處理

北辰狼月發表於2018-04-16

今天,我要說的是Nodejs中,關於網頁圖示的處理。
在講解怎麼處理之前,我們的瞭解一下什麼是網頁圖示。網頁圖示就是我們網頁開啟之後,標籤頁的圖示,比如下面這個
Nodejs專案網頁圖示的處理

前面的小人就是我們部落格園的網頁圖示。
而我們的專案在沒有處理這個圖示的時候,會在請求圖示的時候報404的錯誤,雖然這不影響我們專案的執行,但看著礙眼,而且你難道不想讓你的專案看起來更美觀一些麼?那麼就動起手來吧。

一.生成ico圖片

這裡先推薦一個網站,http://www.faviconico.org/,操作方法很簡單,不贅述了

二.引入serve-favicon

首先申明,我的專案是基於express的。

//載入收藏圖示模組
const favicon = require('serve-favicon')
app.use(favicon(__dirname + '/public/imgs/favicon.ico'));

簡簡單單兩行程式碼就能搞定,需要注意的是後面的路徑要是自己的。
然後,別忘了清空一下歷史,重新執行專案哦,不然的話你怎麼也看不到效果的。
怎麼樣,小小的改動就能使你的專案高大上起來,還等什麼呢?

相關文章