https网站请求http资源出现(blocked:mixed-content)问题的解决方法(已解决)

2021年7月17日22:48:34
评论
293 460字阅读1分32秒
阿里云代金券领取

今天在搭建网站时访问https网站时里面包含了jquery.js引入,在使用$时出现$ is not defined,如下图:

https网站请求http资源出现(blocked:mixed-content)问题的解决方法(已解决)

通过f12排查到发现引入jquery时出现一个(blocked:mixed-content)状态的错误,于是在网上找了一下含义:

https网站请求http资源出现(blocked:mixed-content)问题的解决方法(已解决)

Mixed Content: The page was loaded over HTTPS,blocked the content must be served over HTTPS.,。。

是浏览器不允许在https页面里嵌入http的请求,现在高版本的浏览器为了用户体验,都不会弹窗报错,只会在控制台上打印一条错误信息。

解决方法

1、最简单的解决办法当然就是不要使用http请求,把网站上的http请求都迁移到https。

2、在网页head中加入如下代码:

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

意思是自动将http的不安全请求升级为https。

3、取消https,直接用http。

 

 

注意:以下为小编汇总的优惠活动,更多问题请联系:点击这里给我发消息 ①真便宜:云服务器89元1年,229元3年(优惠大放送)
②代金券:阿里云1888元代金券红包免费领取
③学生机:阿里云学生优惠机推荐

阿里云高性能云服务器优惠
新手建站网
  • 本文由 发表于 2021年7月17日22:48:34
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接
小程序手动生成带参数的二维码 日常记录

小程序手动生成带参数的二维码

有时候我们在开发小程序时候会遇到部分页面需要加入自定义的参数才可显示正常,想把页面生成一个小程序码发给客户扫码加入,那我们该如何创建此带参数的小程序码呢?今天新手建站网教大写如果快捷在微信后台创建一个...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: