如何从 Wi-Fi 网络上的多个设备访问本地主机？

Question

我最近了解了 JavaScript Geolocation API，我想在使用 VS Code 和 Live Server 在 PC 上编码时在手机上查看输出。

这是我的代码

const display = document.getElementById("display");

        function getLocation() {
            if (navigator.geolocation) {
                navigator.geolocation.getCurrentPosition(showPosition, showError);
            } else {
                display.innerHTML = "Geolocation is not available in your browser!";
            }
        }
    
        function showPosition(position) {
            display.innerHTML = "Latitude: " + position.coords.latitude + "<br/> Longitude: " + position.coords.longitude;
        }
    
        function showError(error) {
            switch (error.code) {
                case error.PERMISSION_DENIED:
                    display.innerHTML = "User denied the request for Geolocation.";
                    break;
                case error.POSITION_UNAVAILABLE:
                    display.innerHTML = "Location information is unavailable.";
                    break;
                case error.TIMEOUT:
                    display.innerHTML = "The request to get user location timed out.";
                    break;
                case error.UNKNOWN_ERROR:
                    display.innerHTML = "An unknown error occurred.";
                    break;
            }
        }

如何从同一 Wi-Fi 网络上的多个设备正确访问 localhost？ 我需要调整任何其他配置或设置才能使其正常工作吗？

我尝试从 PC 浏览器访问 localhost URL，然后将其复制并粘贴到手机浏览器中。然而，这并没有奏效。

Answer 1

您首先要在您的电脑上打开一个端口，以便同一WIFI内的其他设备可以通过特定端口访问您的网站。以下是如何在 Windows 上执行此操作的步骤，以及如何在 Linux 上执行此操作。如果您想在同一 LAN 中访问您的网站，则无需进行任何端口转发。