之前本來說用內網穿透工具來查看完成這個工具,結果感覺各種不符合心意,突然發現有更簡單的方法。
如果想讓兩臺電腦在 同一局域網 內都能訪問運行在 http://localhost:5174/
上的項目,而不需要使用內網穿透工具,可以通過以下方法實現:
使用局域網 IP 地址
找到本機的局域網 IP 地址
在 Windows 系統下,打開命令提示符(CMD),輸入
ipconfig
,找到以192.168.x.x
或10.x.x.x
開頭的 IPv4 地址。在 macOS 或 Linux 系統下,打開終端,輸入
ifconfig
或ip a
,找到對應的局域網 IP 地址。
修改 Vite 配置
在項目的
JavaScriptvite.config.ts
或vite.config.js
文件中,找到server
配置項,將host
設置為0.0.0.0
,這樣可以讓服務器監聽所有網絡接口,而不僅僅是本地回環接口。復制
import { defineConfig } from 'vite'; import react from '@vitejs/plugin-react';export default defineConfig({plugins: [react()],server: {host: '0.0.0.0', // 允許通過局域網 IP 訪問port: 8080,}, });
啟動項目
啟動項目后,使用另一臺電腦在瀏覽器中輸入
<你的局域網 IP 地址>:<端口號>
,例如http://192.168.1.1:8080
,即可訪問。