web服務器 字體.svg/.woff/.woff2 404錯誤 解決方案

先來看看問題

按理說不該該報404啊，由於我這個路徑下面的的確確有這個文件

相信很多開發者都遇到過字體引用的問題，明明路徑啥的都沒問題,但就是瀏覽器輸出錯誤信息。引發相似以上問題的緣由是因爲Web服務器沒有識別.svg/.woff/.woff2這些文件類型。

解決方案：

若是是部署在iis服務器上的，打開IIS管理器 >> MIME >> 直接添加下面對應的擴展名和MIME類型

文件擴展名	MIME類型
.svg	image/svg+xml
.woff	application/x-font-woff
.woff2	application/x-font-woff

 

 

 

 

 

若是是本地的IIS Express，有如下兩種方法

方法1：使用CMD命令添加MIME類型　　　　

1). 打開CMD，輸入cd C:\Program Files (x86)\IIS Express

2). 輸入：appcmd set config /section:staticContent /+[fileExtension='文件擴展名',mimeType='MIME類型']  而後回車，成功！提示

 

方法2：手動添加MIME類型

1). 找到電腦右下的IIS Express圖標 >> 右鍵 "顯示全部應用程序"

2). 點擊網站名稱，將會出現配置路徑，直接點擊這個路徑就能夠打開IIS Express配置文件

3). 查找mimeMap節點 查找關鍵字mimeMap，添加須要的擴展名和MIME類型並保存，完成！