当前位置: 代码迷 >> 综合 >> JSONP请求报错block:mixed-content(已解决)
  详细解决方案

JSONP请求报错block:mixed-content(已解决)

热度:80   发布时间:2023-12-13 07:28:47.0

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

问题描述

开发环境 调用接口 正常,发布到测试环境时,调用接口提示 “block:mixed-content”

问题原因

浏览器不允许在https页面里嵌入http的请求
开发环境是本地起的http服务,发到测试环境时是 https,而调用的接口地址是固定的 http接口,导致测试环境报错。

解决问题

方法1.
如果该接口支持https,直接调用https接口即可;
方法2.
在主页面的head中加入下面代码(将调用的http请求升级成https请求并调用)

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
  相关解决方案