如何用外部电脑访问本地网页？

之前本来说用内网穿透工具来查看完成这个工具，结果感觉各种不符合心意，突然发现有更简单的方法。

如果想让两台电脑在 同一局域网 内都能访问运行在 http://localhost:5174/ 上的项目，而不需要使用内网穿透工具，可以通过以下方法实现：

使用局域网 IP 地址

1. 找到本机的局域网 IP 地址

   • 在 Windows 系统下，打开命令提示符（CMD），输入 ipconfig，找到以 192.168.x.x 或 10.x.x.x 开头的 IPv4 地址。

   • 

   • 在 macOS 或 Linux 系统下，打开终端，输入 ifconfig 或 ip a，找到对应的局域网 IP 地址。

2. 修改 Vite 配置

   • 在项目的 vite.config.ts 或 vite.config.js 文件中，找到 server 配置项，将 host 设置为 0.0.0.0，这样可以让服务器监听所有网络接口，而不仅仅是本地回环接口。

     JavaScript

     复制

     import { defineConfig } from 'vite';
     import react from '@vitejs/plugin-react';export default defineConfig({plugins: [react()],server: {host: '0.0.0.0', // 允许通过局域网 IP 访问port: 8080,},
     });

3. 启动项目

   • 启动项目后，使用另一台电脑在浏览器中输入 <你的局域网 IP 地址>:<端口号>，例如 http://192.168.1.1:8080，即可访问。