飞龙博客

feilong.org

已阻止加载混合活动内容 http://api.map.baidu.com/api

feilong.org 修订于2025-05-30 09:13:00 133 次浏览

飞龙博客站点出现 “已阻止加载混合活动内容 http://api.map.baidu.com/api” 的提示,是因为正在访问的站点网址是 HTTPS 协议,而JavaScript里有代码正尝试加载 HTTP 协议的资源,比如这个百度地图 API。

现代浏览器为了保证安全,会阻止这种混合内容的加载。AI的回答也显示:如果 HTTPS 页面中包含了非加密的 HTTP 内容,浏览器会阻止这些内容的加载,以保护用户的数据安全和隐私。

要解决这个问题,可参考以下3个方法:

修改 API 引用地址:将百度地图 API 的引用地址从http改为https。比如原来是 http://api.map.baidu.com/api?v=2.0&ak=你的密钥,改为https://api.map.baidu.com/api?v=2.0&ak=你的密钥。

添加特殊参数:如果使用的是 JavaScript API,需要加一个特殊字段s=1。即 https://api.map.baidu.com/api?v=2.0&ak=你的密钥&s=1。

第三方法,配置SSL证书‌,确保服务器正确配置了SSL证书,包括证书文件路径、私钥和参数设置等。这个比较麻烦,没弄。

经飞龙处理,发现添加特殊参数的方式无效。而 修改 API 引用地址,地图是出来了,但是红色水印提示:未获得百度地图商用授权。

解决方法:弃用百度地图的动态加载功能。采用图片或拿掉地图。

Mixed activity content loading has been blocked

更新网址:https://feilong.org/http-api-map-baidu-mixed-activity-content-loading-blocked
最初发布:20250530 09:13:00 feilong.org 于广州

加入收藏夹,查看更方便。

所在分类: 网站优化

旧文:

AI音乐 blog money bui 教程 echarts 教程 eclipse 教程 html css 教程 IT趋势 js 教程 json 教程 mysql 教程 nodejs npm 教程 onblog SQLite 教程 tutorials vscode 教程 wap网站 winpe启动盘 wordpress 主机推荐 人工智能 前端开发 博客 名企名网 域名注册 常用软件 建站程序 操作系统 教程 数码 无线上网 日记 电子商务 电脑笔记本 网站 网站优化 网站开发 网站推广 网站策划 网络 虚拟现实 默认