本地服务器使用Geolocation API遇安全环境问题求助

我完全懂你的困扰——用localhost虽然能正常调用API，但自定义域名开发起来更贴合实际场景，却被浏览器拦下来了。这其实是因为现代浏览器要求Geolocation这类涉及用户隐私的API必须在安全上下文（Secure Context）中运行，默认情况下只有localhost和HTTPS域名会被识别为安全上下文，你的test.local虽然映射到本地，但浏览器并不自动把它归为安全范畴。

下面给你两种可行的解决方案，推荐第一种符合标准的做法，第二种是临时开发用的快捷方式：

方案一：给自定义域名配置自签名HTTPS证书（推荐） #

这是最规范的解决方式，还能模拟生产环境的HTTPS场景：

1. 生成自签名证书
   先创建存放证书的目录，再用openssl生成证书：

   sudo mkdir /etc/apache2/ssl
   sudo openssl req -x509 -nodes -days 365 -newkey rsa:2048 -keyout /etc/apache2/ssl/test.local.key -out /etc/apache2/ssl/test.local.crt
   

   执行命令时会提示输入一些信息，随便填写即可，本地开发不影响功能。

2. 修改Apache VirtualHost配置
   找到你的test.local配置文件（通常在/etc/apache2/sites-available/test.local.conf），添加一个HTTPS的VirtualHost块：

   <VirtualHost *:443>
       ServerName test.local
       DocumentRoot /var/www/test.local
   
       SSLEngine on
       SSLCertificateFile /etc/apache2/ssl/test.local.crt
       SSLCertificateKeyFile /etc/apache2/ssl/test.local.key
   
       # 保留你原有的目录权限等配置
       <Directory /var/www/test.local>
           Options Indexes FollowSymLinks MultiViews
           AllowOverride All
           Require all granted
       </Directory>
   </VirtualHost>
   

   如果原来有HTTP的VirtualHost（端口80）可以保留，但之后访问要改用https://test.local。

3. 启用SSL模块并重启Apache

   sudo a2enmod ssl
   sudo a2ensite test.local.conf
   sudo systemctl restart apache2
   

4. 信任自签名证书
   打开浏览器访问https://test.local时，会提示证书不安全（因为是我们自己生成的），选择「高级」→「继续访问」（不同浏览器表述略有差异），之后就能正常调用Geolocation API了。

方案二：让浏览器把test.local视为安全上下文（仅本地开发用） #

这个方法不需要配置HTTPS，属于浏览器的临时 workaround，不适合生产环境：

Chrome 配置 #

• 关闭所有Chrome窗口，右键Chrome图标→「属性」，在「命令」栏的最后加上 --unsafely-treat-insecure-origin-as-secure=http://test.local（注意前面有空格）。
• 重启Chrome后，访问http://test.local就可以正常使用Geolocation API了。

Firefox 配置 #

• 在地址栏输入about:config，接受风险提示。
• 搜索network.dns.localDomains，如果这个配置不存在，右键选择「新建」→「字符串」，值填test.local。
• 重启Firefox，访问http://test.local即可调用API。

总结 #

优先推荐方案一，既符合浏览器的安全规范，也能让你的开发环境更贴近生产；方案二适合快速测试，不用折腾证书，但每次浏览器更新可能需要重新配置。

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