学习Bootstrap时碰到错误Failed to find a valid digest in the ‘integrity‘ attribute for resource

最新推荐文章于 2024-04-10 09:45:53 发布
最新推荐文章于 2024-04-10 09:45:53 发布
阅读量9.5k 收藏 14
点赞数 18
文章标签： css html bootstrap
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_26939835/article/details/120595315
版权

 

问题：

小白刚学html和css，在使用bootstrap过程中发现无法使用下拉导航栏，或者是显示不出效果。

Failed to find a valid digest in the 'integrity' attribute for resource 'XXXXX/css/bootstrap.min.css' with computed SHA-256 integrity 'sAcc18zvMnaJZrNT4v8J0T4HqzEUiUTlVFgDIywjQek='. The resource has been blocked.

 原因：

    <link href="css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0XzksJoDzv4oTZJH7DKIK/fZoGejdHrb3yIs5Qngl76cTerG8Ict9988A07jw0G5" crossorigin="anonymous">
    <script src="js/bootstrap.bundle.min.js" integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ" crossorigin="anonymous"></script>

 解决方案：

删除  integrity="XXXXXXX" crossorigin="anonymous"

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <script src="js/bootstrap.bundle.min.js"></script>

 

 

YXsean
关注
  • 18
    点赞
  • 踩
  • 14
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
遇到问题--jsp---Nginx转发https导致静态资源无法加载--This request has been blocked
直到世界的尽头
11-22 1万+
转发请注明出处:遇到问题–jsp—Nginx转发https导致静态资源无法加载–This request has been blocked 遇到问题 使用nginx作转发，强制tomcat部署的web项目使用https访问。 导致静态资源无法加载访问。 如图 浏览器报错如下: Mixed Content: The page at 'https://xxxx.com/' was loaded ov...
maven出现：Failed to execute goal on project …: Could not resolve dependencies for project …
01-20
[INFO] Reactor Summary for demo 0.0.1-SNAPSHOT: [INFO] [INFO] demo ……………………………………….. FAILURE [18:18 min] [INFO] admin-service ……………………………….. SKIPPED [INFO] user-service ……...
bootstrap框架使用中遇到的问题和解决方法
12-18
bootstrap框架使用中遇到的问题和解决方法。希望能够帮到更多人
Bootstrap的使用手册及学习笔记.doc
12-21
Bootstrap是基于HTML5和CSS3开发的用于前端开发的工具包。关于Bootstrap的介绍和下载，大家可以去搜索查看。Bootstrap使用的某些HTML元素和CSS属性需要文档类型为HTML5 的文件类型。
【HTML】加载 CDN 资源时遇到 Failed to find a valid digest in the ‘integrity‘ attribute for resource 报错问题
最新发布
日常问题bug解决、学习分享、个人杂谈等等随便写写哈哈哈
04-10 375
integrity 属性integrity属性用于校验脚本文件的完整性，防止脚本被篡改。它包含一个哈希值，用于验证脚本文件的真实性。浏览器会在下载脚本文件后，计算其哈希值并与integrity属性中的值进行比较。如果两者不一致，则浏览器会阻止脚本执行，并显示警告信息。crossorigin 属性属性用于控制跨域脚本的加载行为。anonymous：表示脚本文件不会携带任何凭据，例如 cookie 或 HTTP 认证信息。：表示脚本文件可以携带凭据。两者关系integrity属性和。
blazor 踏坑之旅 integrity
yxt1522916229的专栏
07-27 603
"Failed to find a valid digest in the 'integrity' attribute for resource 'https://localhost:5001/_framework/Newtonsoft.Json.dll' with computed SHA-256 integrity 'XZbuUbKv9ZIDnuvC7SA9n1X935wIgvs00/DgeDdJVKU='. The resource has been blocked."
The resource has been blocked.
xif3681的博客
08-07 7499
问题： Failed to find a valid digest in the 'integrity' attribute for resource 'http://localhost:4200/assets/css/bootstrap.min.css' with computed SHA-256 integrity 'nvT75FkXevX06WR8vlhFFP02xzhq9qFxLQOuS...
Failed to find a valid digest in the ‘integrity‘ attribute for resource解决办法
热门推荐
ohdajing的博客
04-17 1万+
被这个错误坑了好多天 前提：框架Blazor 项目在本地运行没问题，发布到服务器后，报错在资源的“完整性”属性中找不到有效摘要 找解决办法的过程中开始以为是跨域资源共享和子资源完整性问题，详见：https://developer.mozilla.org/en-US/docs/Web/Security/Subresource_Integrity#cross-origin_resource_sharing_and_subresource_integrity 使用以下<script>元素..
Javascript中integrity属性安全验证
小小笨南瓜
10-22 1078
Javascript中integrity属性安全验证
引入bootstrap报错Failed to find a valid digest in the ‘integrity‘ attribute for resource
我心坚持
04-13 1977
原本文件： <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" integrity="sha384-p1KAotb3W9ndluCsqePPYnjRm3c6abdnIjo0tQwYUv83VsbsYd43RuofnFAaDo0E" crossorigin="anonymous"> 修改后文件：即去掉最后两个参数 <link rel=".
使用SRI保护你的网站免受第三方CDN恶意攻击
yangye1225的博客
01-04 1855
出于速度和降低服务器负载考虑，有时候我们会选择使用 CDN 加载第三方静态资源。对于一些热门的第三方库，在用户打开你的网页之前就很有可能在浏览别的网站时被浏览器缓存下来，这样就可以极大的提升网页加载速度。 然而使用 CDN 也提高了网站的安全风险：第三方静态资源放在第三方服务器上，CDN 的拥有者有没有可能偷偷的篡改这些文件，加入恶意代码呢？或者 CDN 服务器遭受了黑客攻击，整个文件被替换
bootstrap-map-js-master.zip_ArcGIS api for JS_arcgis bootstrap_a
09-14
arcgis api for javascript-bootstrap是结合Bootstrap开发的一款开发包
bootstrap resource
12-25
bootstrap resource
bootstrap基础知识学习笔记
09-01
主要针对bootstrap基础知识为大家整理了详细的学习笔记,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Hello Blazor：(6)你必须踩过这5个坑，才算学会部署Blazor WebAssembly到静态网站
dotNET跨平台
07-25 3067
上次的文章中，我们介绍了Blazor WebAssembly可以部署到静态文件服务器，而每个Github账户都可以使用GitHub Pages功能开一个自己的静态网站。那么，不用花钱购买服...
centos7安装jenkins报错：failed to find a valid Java installation
LYF315013的博客
07-24 1285
3、经查找资料发现systemctl 启动时不会使用etc/init.d/jenkins配置文件，而会使用/usr/lib/systemd/system/jenkins.service文件。5、如果还是不行，则可能是java环境问题，jenkins 估计只会去/usr/bin/java找jdk。4、加载后，systemctl daemon-reload ，然后重启jenkins，问题解决。将注释打开后修改为jdk的实际安装位置。
script使用integrity属性进行安全验证
晴空闲云
11-02 5871
script标签引入文件 在html中，script标签可以通过src属性引入一个js文件，引入的js文件可以是本地的，也可以是远程的。 1. 引入本地文件 开发环境一般多引入本地js文件。 <script src="./js/index.js"></script> 2. 引入远程文件 部署到线上后，一般会分发到cdn，需要引入远程文件，形如： <script src="https://cdn.xxx.xx/js/index.js"></script> 只
bootstrap:Failed to load resource: the server responded with a status of 404 ()
04-05
Bootstrap是一个流行的前端开发框架，用于构建响应式和移动优先的网站和应用程序。它提供了一套CSS样式和JavaScript插件，可以帮助开发者快速搭建现代化的界面。 关于你提到的错误信息"Failed to load resource: the server responded with a status of 404 ()"，这通常表示浏览器无法加载指定的资源。在Bootstrap中，这可能是由于以下几个原因导致的： 1. 文件路径错误：请确保你在HTML文件中正确引用了Bootstrap的CSS和JavaScript文件，并且文件路径是正确的。你可以通过检查文件路径是否正确来解决这个问题。 2. 文件缺失：如果你下载的Bootstrap文件不完整或损坏，可能会导致加载失败。请重新下载并替换Bootstrap文件，确保文件完整无误。 3. 服务器配置问题：有时候，服务器可能会返回404错误，表示请求的资源不存在。这可能是由于服务器配置问题或者资源被移动或删除所致。你可以尝试刷新页面或者联系网站管理员解决这个问题。 希望以上解答对你有帮助！如果你还有其他问题，请继续提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值