今天,我要說的是Nodejs中,關於網頁圖示的處理。
在講解怎麼處理之前,我們的瞭解一下什麼是網頁圖示。網頁圖示就是我們網頁開啟之後,標籤頁的圖示,比如下面這個
前面的小人就是我們部落格園的網頁圖示。
而我們的專案在沒有處理這個圖示的時候,會在請求圖示的時候報404的錯誤,雖然這不影響我們專案的執行,但看著礙眼,而且你難道不想讓你的專案看起來更美觀一些麼?那麼就動起手來吧。
一.生成ico圖片
這裡先推薦一個網站,http://www.faviconico.org/,操作方法很簡單,不贅述了。
二.引入serve-favicon
首先申明,我的專案是基於express的。
//載入收藏圖示模組
const favicon = require('serve-favicon')
app.use(favicon(__dirname + '/public/imgs/favicon.ico'));
簡簡單單兩行程式碼就能搞定,需要注意的是後面的路徑要是自己的。
然後,別忘了清空一下歷史,重新執行專案哦,不然的話你怎麼也看不到效果的。
怎麼樣,小小的改動就能使你的專案高大上起來,還等什麼呢?