ASP.NET MVC 引用图标woff2 404问题

最新推荐文章于 2024-09-06 18:37:09 发布

遇见---

最新推荐文章于 2024-09-06 18:37:09 发布

阅读量401

点赞数

分类专栏： # ASP.NET 文章标签： asp.net mvc 后端

本文链接：https://blog.youkuaiyun.com/mufabixin/article/details/129999738

版权

ASP.NET 专栏收录该内容

1 篇文章

订阅专栏

本地调试ASP.NET MVC项目，引用Layui框架，在路径正确且文件存在的情况下，控制台报错：layui iconfont.woff2?v=256 404

问题原因

浏览器无法识别woff2后缀的扩展文件

解决方案

添加MIME映射

项目根目录Web.config文件中的<system.webServer>节点添加子节点：

<staticContent>
    <remove fileExtension=".woff"/>
    <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
    <remove fileExtension=".woff2"/>
    <mimeMap fileExtension=".woff2" mimeType="application/x-font-woff2" />
    <remove fileExtension=".ttf" />
    <mimeMap fileExtension=".ttf" mimeType="application/x-font-truetype" />
    <remove fileExtension=".svg" />
    <mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
    <remove fileExtension=".otf" />
    <mimeMap fileExtension=".otf" mimeType="application/x-font-opentype" />
    <remove fileExtension=".eot" />
    <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
</staticContent>

如果项目部署到IIS，找到网站，右键属性，添加MIME类型。如果不起效，打开IIS，点击根节点添加。

补充

MIME类型就是设定某种扩展名的文件用一种应用程序来打开的方式类型，当该扩展名文件被访问的时候，浏览器会自动使用指定应用程序来打开。

文件扩展名	MIME类型
.svg	image/svg+xml
.woff	application/x-font-woff
.woff2	application/x-font-woff
.f4v	application/octet-stream
.flv	application/octet-stream
.mp4	video/mp4