HTTPS的页面发送不了HTTP请求？——关于混合内容

我们都知道HTTPS的页面是发送不了HTTP请求的，那么是什么原因导致HTTPS页面不能发送HTTP请求呢？如果有发送的需求，怎么样才能发送？最近刚好遇到了这个问题，而且搜了半天没搜到靠谱的答案，所以有了本文。

1. 故事起源

我在《Jquery ajax, Axios, Fetch区别之我见》中提到过，Fetch作为一种不同于XHR的请求方式，展示了它更多API，以及符合ES规范的良好前景；更不用说它可以支持POST跨域。刚好工作上有用post方法上报效果数据的请求，我小手一挥，不用后台兄弟们麻烦了，我可以搞定，把效果上报换成了Fetch，美滋滋。

过了一段时间，后台跑过来说，现在还有些其他HTTP站点的数据上报。我试了一下，移动端根本就没有发出这个请求，这……

2. 为什么HTTPS页面发送不了HTTP请求

有些人说是跨域问题，真的是这样吗？

同源策略：1. 协议相同 2. 域名相同 3.端口相同

尽管HTTPS访问HTTP确实不符合同源策略中的协议相同，但是在现代浏览器里，即使是域名相同的请求，也是会出现以下报错，而不是跨域报错。