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