在移动设备上调试 Angular 应用程序时出现地理位置 API 错误答案

【问题标题】：Geolocation API error while debugging angular app on mobile在移动设备上调试 Angular 应用程序时出现地理位置 API 错误
【发布时间】：2019-10-03 12:18:17
【问题描述】：

我正在创建一个使用 GeoLocation API 来获取用户位置的 Angular 应用程序。我使用函数navigator.geolocation.getCurrentPosition() 来获取用户的位置。这在 PC 上可以正常工作并检索大致的纬度和经度，但在移动设备上使用相同的功能时会出现位置错误，代码为 1 和消息“仅允许安全来源（请参阅：this 链接）。”。在 PC 上，我用来访问应用程序的 URL 是 localhost:4200，而在移动设备上我使用 192.168.xx.xxx:4200。我通过 angular-cli 使用命令 ng serve --host 0.0.0.0 --open

为应用程序提供服务

我尝试访问this 网站，如错误中所述：

“安全源”是至少匹配以下（方案、主机、端口）模式之一的源： (https, *, *) (wss, *, ) (, 本地主机, ) (, 127/8, ) (, ::1/128, *) （文件， *， -） (chrome-extension, *, —)

现在该错误似乎是合法的，因为移动设备上的 url 似乎不遵循上述模式，并且位置 API 需要这些来源才能工作。

但我无法弄清楚如何从安全来源在移动设备上运行该应用程序。你能指导我解决这个问题，以便我可以在手机上调试应用程序时获取用户位置吗？

【问题讨论】：

标签： angular geolocation angular-cli

【解决方案1】：

您可以配置一个 IIS 站点以将其托管在本地计算机上，您可以提供自己的自定义站点名称，然后如果您在同一网络上，则可以从其他设备访问它。

https://www.youtube.com/watch?v=VkGmaVm6-IQ - 教程链接

希望对你有帮助

【讨论】：