地理定位请求只能在安全的上下文中完成

Question

我正在使用 HTML5 地理定位功能。我的代码在“本地主机”中运行良好，但在“子域”中出现问题。我的代码如下：

 if (navigator.geolocation) {
                navigator.geolocation.getCurrentPosition(showPosition, showError);
  } else {
         console.log("Geolocation is not supported by this browser.");
   }

• 错误消息是：“地理定位请求只能在安全上下文中完成。”
• 我的本地主机网址：' http://localhost/voice-of-mankind/ '
• 我的子域网址：' http://vom.local.com/ '

Answer 1

在大多数情况下，无论 HTTP 或 HTTPS 连接如何，localhost 都将被视为安全 URL。这是为了简化开发过程，并允许您使用只能通过安全连接访问的功能。

但是，如果您在 localhost 上仍然遇到此问题，或者想要通过启用地理定位的 HTTP 远程访问网站，则应按照以下步骤进行设置：

1. 下载 chrome 并将以下 URL 粘贴到您的地址栏中chrome://flags/#unsafely-treat-insecure-origin-as-secure。

2. 在该页面上找到该Insecure origins treated as secure标志并添加无法在文本框中加载地理位置的 URL。例如example.com或localhost在您的情况下。

3. 添加后，选择右侧的启用。

4. 单击重新加载更改按钮，然后重新访问该网站，它现在应该询问地理位置。