Https调用http接口时，出现blocked:mixed-content的解决方法

Https调用http接口时，出现blocked:mixed-content的解决方法

• • 现象
  • 解决方案

现象

如图所示，出现这种情况，一般是https调用了http的接口，这个是https调用了一个第三方的地图服务，但是调用的是http的接口，所以会报错，思路就是把http接口换成https接口，下面说解决方案

解决方案

方法一：

把上面的替换成下面的样子 这样的话浏览器就会根据你域名的请求来识别，比如https下他会自动请求https的资源，而http时，请求http的资源。 但是有可能他并不存在https的资源，但是我又想在Https下用这个方法

方法二：

加
这样他会在请求Http资源的时候先将他转成Https再请求。

方法三：

可以在nginx里面解决
#解决https请求http资源不可用的情况
add_header Content-Security-Policy upgrade-insecure-requests;