Nodejs項目網頁圖標的處理


今天,我要說的是Nodejs中,關於網頁圖標的處理。
在講解怎么處理之前,我們的了解一下什么是網頁圖標。網頁圖標就是我們網頁打開之后,標簽頁的圖標,比如下面這個

前面的小人就是我們博客園的網頁圖標。
而我們的項目在沒有處理這個圖標的時候,會在請求圖標的時候報404的錯誤,雖然這不影響我們項目的運行,但看着礙眼,而且你難道不想讓你的項目看起來更美觀一些么?那么就動起手來吧。

一.生成ico圖片

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

二.引入serve-favicon

首先申明,我的項目是基於express的。

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

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM