ASPNETCDN 引导图形不工作答案

【问题标题】：ASPNETCDN Bootstrap Graphicons not workingASPNETCDN 引导图形不工作
【发布时间】：2015-11-04 11:30:16
【问题描述】：

我们遇到了 bootstrap 3.3.5 的问题，如果使用来自 ASPNETCDN 的 bootstrap css，图形将无法正常工作

以下是错误信息：

Font from origin 'http://ajax.aspnetcdn.com' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://fiddle.jshell.net' is therefore not allowed access.

这是一个演示http://jsfiddle.net/g7jt1tcd/4/

我确实搜索过，但仍然没有相关信息。您能否提供一些建议来解决此问题？

【问题讨论】：

标签： css twitter-bootstrap fonts

【解决方案1】：

这看起来像是 ASPNETCDN 的配置问题。我的建议是使用不同的 CDN，因为您无法控制那里的服务器。以下是我推荐的另外 2 个 CDN：

例子：

<script>https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.css</script>

两个 CDN 都具有高可用性。我刚刚针对 jsfiddle 对它们进行了测试，并且没有问题。

请看这里：http://jsfiddle.net/g7jt1tcd/4/

【讨论】：

我在想我们可以解决那个 aspnetcdn 问题。感谢@Jose 的回答。

【解决方案2】：

我使用 VS2015, ASP.NET MVC 6 (RC) 并且在生产中使用 gliphicons 时也遇到了问题（参考错误消息，未显示图标）（它在 VS 中工作过）（发展））。原因似乎是，MS cdn 页面已关闭（至少现在来自瑞士）：http://www.websitedown.info/ajax.aspnetcdn.com

因此（作为临时解决方法），我已将 _Layout.cshtml 中的外部引用（在环境名称 =“Staging,Production”下）更改为“内部”引用：来自：

<link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.5/css/bootstrap.min.css"

到

<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css"

这样做之后，它又可以工作了。
更新：
如果在此处发布了 MS 的问题：my posting in MS github
似乎 CORS 请求被阻止了......

【讨论】：

【解决方案3】：

刚刚查看了这个并将其添加为补充答案，这可能会帮助需要小修复的人。

使用此代码

<environment names="Staging,Production">
    <link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.5/css/bootstrap.min.css"
          asp-fallback-href="~/lib/bootstrap/dist/css/bootstrap.min.css"
          asp-fallback-test-class="sr-only" asp-fallback-test-property="position" asp-fallback-test-value="absolute" />
</environment>

我收到我可以看到字形图标无法加载。

添加crossorigin="anonymous"

<environment names="Staging,Production">
    <link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.5/css/bootstrap.min.css"
          crossorigin="anonymous"
          asp-fallback-href="~/lib/bootstrap/dist/css/bootstrap.min.css"
          asp-fallback-test-class="sr-only" asp-fallback-test-property="position" asp-fallback-test-value="absolute" />
</environment>

将使字形图标加载，但仍然失败。它只是失败了。

我改成了maxcdn，它为bootstrap css和js提供CDN。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" 
          integrity="" 
          crossorigin="anonymous"
          asp-fallback-href="~/lib/bootstrap/dist/css/bootstrap.min.css"
          asp-fallback-test-class="sr-only" asp-fallback-test-property="position" asp-fallback-test-value="absolute" />

设置完整性属性失败并显示“无法在资源的'完整性'属性中找到有效摘要”，因此解决方法是将其设置为空字符串。

【讨论】：