引入Bootstrap 5到HTML页面时报ERR_CERT_AUTHORITY_INVALID错误如何解决？

net::ERR_CERT_AUTHORITY_INVALID 属于SSL证书校验错误，浏览器判定当前请求的jsdelivr CDN站点的SSL证书不被信任，因此拦截了资源加载。

• 简化CDN引入配置 #

  你当前的引入代码带了子资源完整性校验和跨域属性，部分网络环境下会触发证书校验异常。可以直接移除integrity和crossorigin两个属性后重试，修改后的代码如下：
  CSS引入：

  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet">
  

  JS引入：

  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
  

• 替换为本地静态资源 #

  直接下载对应版本的Bootstrap静态资源包存放到项目目录，通过相对路径引入，完全规避CDN相关的网络、证书问题，引入示例：

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

• 排查本地网络环境 #

  • 检查是否开启了代理、VPN、抓包工具，这类工具会替换传输过程中的SSL证书，关闭后重试
  • 清理浏览器缓存、SSL状态，重启浏览器后重新访问页面
  • 若为公司内网环境，联系运维将jsdelivr域名加入可信站点列表，或导入对应的根证书

内容的提问来源于stack exchange，提问作者amit yadav