HTML5 Geolocation子域名无法使用，提示仅安全上下文可发起请求

Hey there! Let's break down why your Geolocation code works fine on localhost but throws an error on your subdomain, plus how to fix it.

问题根源解析 #

• localhost的特殊权限：现代浏览器默认把localhost/127.0.0.1这类本地地址认定为安全上下文，所以Geolocation这类涉及用户隐私的敏感API可以正常调用。
• HTTP子域名的限制：你的子域名http://vom.local.com/用的是HTTP协议，而现在所有主流浏览器都要求Geolocation、Notification这类API必须在HTTPS环境（安全上下文）下运行——这就是你看到报错'A Geolocation request can only be fulfilled in a secure context.'的核心原因。

解决方案 #

1. 为子域名配置HTTPS（推荐，适用于开发/生产环境）

这是最合规且安全的解决方式：

• 生产环境：从可信的证书颁发机构（比如免费的Let's Encrypt）获取SSL证书，然后在你的服务器（Nginx、Apache等）上配置HTTPS访问vom.local.com。
• 本地开发环境：你可以生成自签SSL证书，配置本地服务器启用HTTPS。具体步骤取决于你用的服务器工具，比如Nginx需要修改配置文件指定证书路径，监听443端口，同时把HTTP请求重定向到HTTPS。

2. 临时开发调试方案（仅本地调试用，禁止生产环境使用）

如果只是想临时在本地调试子域名的Geolocation功能，可以通过浏览器启动参数放宽限制：

• 以Chrome为例，关闭所有Chrome窗口后，用以下命令启动：

  chrome.exe --unsafely-treat-insecure-origin-as-secure=http://vom.local.com/
  

  这个参数会让Chrome把指定的HTTP origin当作安全上下文，但这只是临时调试方案，绝对不能用于生产环境，会带来安全隐患。

补充说明 #

你的代码逻辑本身是完全正确的（localhost能正常运行就证明了这一点），问题完全出在运行环境的安全上下文要求上。

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