为什么我得到remixicon.woff2的“服务器响应状态为404”的reactJs？

Question

我使用混合图标来显示菜单中的图标，这些图标存储在我的reactJs应用程序中的MySQL数据库中。但是我总是得到:尽管我已经导入了emixicon.woff2，但服务器的响应状态为404。这是代码：

    <Icon name={item.menu_icon} type={item.menu_icon_type} />
            {
              item.menu_icon == '' && item.menu_icon_type == '' &&
              <>
                <Icon name='home-3' type='line' />

              </>
            }

我就是这样导入的：

import Icon from 'react-remixicon'

Answer 1

这可能发生在.NET服务器上，因为默认情况下它不处理woff2文件类型。您可以将其包含在web.config中：

<staticContent>
  <mimeMap fileExtension="woff" mimeType="application/font-woff" />
  <mimeMap fileExtension="woff2" mimeType="application/font-woff" />
</staticContent>

在下列一节内：

<system.webServer>
</system.webServer>