html文件通过script标签引入外部js文件,但没精确加载的缘故起因

[复制链接]
发表于 2025-11-18 23:26:51 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
移动端H5应用,html文件通过script标签引入外部js文件,但没精确加载,在移动装备上难以排查。通过PC欣赏器打开,发现js被制止了:blocked:mixed-content。
缘故起因在于:

  • “blocked:mixed - content” 是欣赏器的一种安全战略导致的错误提示。它体现网页中包罗了混淆内容,即同时包罗安全(通常是通过https协议加载)和不安全(通常是通过http协议加载)的资源。
  • 当代欣赏器为了加强安全性,默认会制止这种混淆内容的加载。HTML 文件大概是通过https协议加载的,而 JavaScript 文件(http://g.alicdn.com/dingding/open-develop/1.9.0/dingtalk.js)是通过http协议加载的,这就触发了欣赏器的安全机制。
办理方法:

  • 升级资源链接协议:假如大概的话,将 JavaScript 文件的加载协议也升级为https。比方,假如资源有对应的https版本,可以将src属性修改为src = “https://g.alicdn.com/dingding/open-develop/1.9.0/dingtalk.js”。如许可以确保整个页面的资源加载都是安全的,符合欣赏器的安全战略。
  • 调解服务器设置(较复杂):假如无法直接升级资源链接协议,在某些情况下,可以通过设置服务器来答应混淆内容的加载。不外这种做法会低沉网页的安全性,而且大概会给用户带来安全风险,一样平常不保举。具体的服务器设置方法因服务器范例(如 Apache、Nginx 等)而异。比方,在 Nginx 服务器中,可以通过设置add_header Content - Security - Policy “upgrade - insecure - requests”;来实验自动将http哀求升级为https哀求,但这也必要服务器对https有精确的支持。
  • 将js下载到项目中引入
回复

使用道具 举报

登录后关闭弹窗

登录参与点评抽奖  加入IT实名职场社区
去登录
快速回复 返回顶部 返回列表