为什么我"the server responded with a status of 404 " remixicon.woff2 和 reactJs？

Question

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

<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>