首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用CDN和完整性属性捆绑JS文件

使用CDN和完整性属性捆绑JS文件
EN

Stack Overflow用户
提问于 2017-02-18 04:10:02
回答 3查看 2.2K关注 0票数 15

在HTMLMVC5中,可以使用BundleColletion.UseCdn并使用ASP.NET完整性属性进行呈现吗?例如,有没有办法做到这一点:

代码语言:javascript
复制
bundles.UseCdn = true;
bundles.Add(
    new ScriptBundle("~/bundles/jquery", "https://code.jquery.com/jquery-3.1.1.min.js")
        .Include("~/Scripts/js/jquery/jquery-3.1.1.min.js")
);

像这样渲染吗?

代码语言:javascript
复制
<script
  src="https://code.jquery.com/jquery-3.1.1.min.js"
  integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
  crossorigin="anonymous"></script>
EN

回答 3

Stack Overflow用户

发布于 2017-06-19 03:39:53

部分答案。

要添加匿名“crossorigin=”属性,可以使用@Scripts.RenderFormat

代码语言:javascript
复制
@Scripts.RenderFormat("<script type=\"text/javascript\" src=\"{0}\" crossorigin=\"anonymous\"></script>", "~/bundles/jquery")

您也可以在RenderFormat中包含integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=“部件,但这看起来不是一个好的解决方案。

票数 6
EN

Stack Overflow用户

发布于 2020-01-31 03:55:15

当CDN失败时,我在我们的ASP.NET MVC 5项目中尝试了这种方法。

代码语言:javascript
复制
@Scripts.RenderFormat("<script src='{0}' integrity='sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa' crossorigin='anonymous'></script>", "~/bundles/bootstrapJS")

这将生成(开发人员工具内部),

代码语言:javascript
复制
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

this答案中我们发现,如果脚本无法从CDN加载,则存在错误

因此,我们在标记中手动添加脚本。

代码语言:javascript
复制
<html>
<head>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
   <script>(window.jQuery) || document.write('<script src="/Scripts/jquery-1.12.4.min.js"><\/script>');</script>
</head>
<body></body>
</html>
票数 1
EN

Stack Overflow用户

发布于 2021-05-02 20:56:30

你可以像这样

代码语言:javascript
复制
 <script src='@Scripts.Url("~/bundles/jquery")' crossorigin="anonymous" integrity="value"> </script>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42306540

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档