解决The page at ‘xxx‘ was loaded over HTTPS
业务场景
在HTTPS域名地址下预览视频时，出现以下提示：
Mixed Content: The page at ‘https://live.xxxx.com.cn/cjrh_web/common/preview.html?path=vedio/bE8cimSp/index.m3u8’ was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint ‘http://live.xxxxx.com.cn/images/vedio/bE8cimSp/index.m3u8’. This request has been blocked; the content must be served over HTTPS.
解决方案
页面的head中加入：
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
意思是自动将http的不安全请求升级为https。
预览效果
视频正常的进行分片预览
解决The page at ‘xxx‘ was loaded over HTTPS相关推荐
- html页面和手机比例一致 一比一自适应 Mixed Content: The page at ‘xxx‘ was loaded over HTTPS, but requested an insec
1. HTML页面与手机端一比一适应 这行代码是一比一自适应,目的是让手机端看见的网页和在电脑上看见的相同,不写这一行会导致手机上的网页特别小. 原因是电脑显示的是px和手机上像素单位不一致,在< ...
- http请求https报错：Mixed Content: The page at ‘xxx‘ was loaded over HTTPS, but requested an insecure...
当我们的浏览器出现类似"was loaded over HTTPS, but requested an insecure resource/frame"这种错误是,一般都是因为我们 ...
- Mixed Content: The page at ‘xxx‘ was loaded over HTTPS, but requested an insecure resource ‘xxx‘.
今天使用nginx+tomcat+ssl完成了web项目的部署,本以为没有什么问题,但是在页面测试的时候又蹦出了这么一个问题,大致是说由于配置了HTTPS,但是之前的请求是通过HTTP请求的,所以现在 ...
- JS错误:Mixed Content: The page at ‘https://XXX’ was loaded over HTTPS, but requested an insecure 新的问题
文章目录 JS错误:Mixed Content: The page at 'https://XXX' was loaded over HTTPS, but requested an insecure ...
- 解决Mixed Content: The page at https://xxx was loaded over HTTPS
背景:现有一个项目,网站访问地址示例为 https://www.testcase.com,其中某个功能需要用到外部的服务(例如http:42.192.36.246/api/api.js),并且这个服务 ...
- 错误:Mixed Content: The page at ‘https://XXX’ was loaded over HTTPS, but requested an in...
在使用Tomcat+Nginx时.Nginx使用https,Tomcat使用http.使用iframe之类框架,在重定向时会出现以上问题导致页面加载不出来.这是因为Tomcat不知道Nginx发来的是 ...
- Mixed Content: The page at“https://xxx”was loaded over HTTPS, but requested an insecure
一,现象 接口请求通,查看network 二,原因 https的服务不可以请求http的接口,如果必须要使用,那么就需要在自己的服务器上做反向代理.
- vue项目高德地图Mixed Content: The page at ‘https://****.com/cockpit/‘ was loaded over HTTPS, b
vue项目高德地图引入https相关报错 vue项目中高德地图引入相关问题 原因和解决方案 vue项目中高德地图引入相关问题 公司年前一个vue项目一期,其中有个数据可视化模块引入了高德地图,年前发布 ...
- 解决Mixed Content:the page at‘https://‘ was loaded over HTTPS,but requested an insecure resource ‘http
解决Mixed Content:the page at'https://' was loaded over HTTPS,but requested an insecure resource 'http ...
最新文章
- 笔记-中项案例题-2018年上-整体管理
- mysql pxc测试_Mysql同步机制 - PXC 压力测试 tpcc安装及使用
- 世界杯迄今最火的一场比赛 一文看懂世界杯背后的阿里云黑科技
- Xen虚拟机两大迁移方法详解
- 微信小程序图片上传并预览
- Java服务端支付宝对接(详细)
- windows上双开微信代码
- php源码安装图文教程_安装PHP的教程及说明（图文详解）
- WTP 线程池管理系统，修改配置后能够实时刷新
- 802.11ac双频
- 当程序员变身为黑客，现役程序员表示：我太难了！
- python中pass与break区别
- 学了 Python 能用来做什么？
- K8S中的pod、services、容器的概念和区别
- ubuntu20.04安装librtmp库 并在QT5中引入librtmp库
- 写给我的如风老男人（终结版）
- 计算机科学文科学士,计算机科学文科学士
- 腾讯开源android项目管理,腾讯开源的Android UI框架——QMUI Android
- JAVA--状态模式
- IPMSG(飞秋)源代码调试笔记