ASP.NET Core 7 MVC中Bootstrap Icons无法使用问题求助

可能的原因 #

• 网络访问限制：本地网络无法连接到jsdelivr CDN，可能是防火墙、代理拦截，或者区域网络波动导致连接重置。
• 指定版本的CDN资源异常：你使用的1.10.5版本可能存在CDN节点故障，或者资源路径已失效。

可行的解决方法 #

1. 更换CDN链接或更新版本 #

使用Bootstrap Icons的最新稳定版CDN链接（版本号可根据官方发布调整），替换现有代码：

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css">

2. 本地引入资源 #

如果网络问题无法解决，直接将Bootstrap Icons资源部署到本地项目：

• 下载Bootstrap Icons完整包，解压后取出font文件夹和bootstrap-icons.css文件。
• 在项目的wwwroot/lib下创建bootstrap-icons目录，将上述文件放入其中。
• 在_Layout.cshtml中引用本地资源：

<link rel="stylesheet" href="~/lib/bootstrap-icons/font/bootstrap-icons.css" asp-append-version="true">

3. 排查网络环境 #

• 关闭本地防火墙、代理软件，重新加载页面测试。
• 直接在浏览器地址栏访问该CDN链接，确认是否能正常加载CSS文件。如果无法访问，尝试切换网络（如手机热点）绕过区域限制。

内容的提问来源于stack exchange，提问作者Omar Muhamed