Chrome与Firefox拦截Reverse geocoding的解决方案咨询

这是典型的混合内容拦截问题——现代浏览器（比如Chrome、Firefox）会阻止HTTPS页面加载HTTP资源，因为这会破坏页面的安全上下文。针对你的场景，这里有几个直接可行的解决方法：

1. 切换到HTTPS版本的Here反向地理编码API端点 #

把你当前使用的HTTP请求地址：

http://reverse.geocoder.api.here.com/6.2/reversegeocode.json

直接替换为HTTPS版本：

https://reverse.geocoder.api.here.com/6.2/reversegeocode.json

Here的地理编码服务完全支持HTTPS协议，只需要修改URL的协议头即可，其他请求参数（比如app_id、app_code或者apiKey）不需要变动。

如果你的请求是通过mapsjs-service.js提供的方法发起的，记得检查是否在初始化服务时配置了base URL，确保把协议设置为HTTPS。比如：

const platform = new H.service.Platform({
  apikey: 'YOUR_API_KEY',
  servicesUrl: 'https://reverse.geocoder.api.here.com/6.2/'
});

2. 确保Here JS库也是通过HTTPS加载 #

你用到的mapsjs-core.js和mapsjs-service.js，也要保证是从HTTPS源加载的。比如从Here官方CDN加载时，使用HTTPS地址：

<script src="https://js.api.here.com/v3/3.1/mapsjs-core.js"></script>
<script src="https://js.api.here.com/v3/3.1/mapsjs-service.js"></script>

如果是自己托管这些库文件在S3上，也要确保CloudFront分发的是HTTPS访问路径，避免库文件本身通过HTTP加载。

3. 验证CloudFront和S3的安全配置 #

• 检查CloudFront分发的行为设置，确保没有将HTTPS请求重定向到HTTP的规则；同时确认分发的SSL证书配置正确，支持HTTPS访问。
• 查看S3 Bucket的权限设置，确保只有通过CloudFront的HTTPS请求才能访问资源，避免直接HTTP访问Bucket的情况。

验证修复效果 #

修改完成后，打开浏览器开发者工具（按F12）：

• 切换到「控制台」标签，确认没有混合内容相关的错误提示；
• 切换到「网络」标签，过滤出反向地理编码的请求，确认请求协议是HTTPS且状态码为200（成功）。

内容的提问来源于stack exchange，提问作者Martijn Harmenzon