电脑所有可用的网络接口
事情是这样的:我做了一个网站,然后想让同一个局域网内的同事访问,问了一下deepseek,他的建议如下:
-------
要让同事访问你的前端Vue网站,核心是让Vue开发服务器监听正确的地址,并配置好防火墙。你可以参考以下步骤操作:
🌐 配置Vue前端服务器
默认情况下,Vue的开发服务器可能只监听 localhost
。要让局域网内的同事能访问,你需要让服务器监听在你的本地IP地址或者 0.0.0.0
。
使用
0.0.0.0
(推荐):这表示监听本机所有可用的网络接口
。在项目目录下,你可以通过以下命令启动服务器:
bash
npm run serve -- --host 0.0.0.0
执行后,终端通常会显示类似 Network: http://192.168.1.7:8080
的地址,这就是同事能访问的地址
。
使用特定IP地址:如果你知道自己的本地IP(例如
192.168.1.100
),也可以直接指定
:
bash
npm run serve -- --host 192.168.1.100 --port 8080
修改Vue配置文件:你也可以在 vue.config.js
文件中进行配置,添加以下内容:
javascript
module.exports = {devServer: {host: '0.0.0.0',port: 8080 // 也可以指定其他端口} }
🔥 配置防火墙允许连接
配置好Vue服务器后,你可能还需要在电脑的防火墙设置中允许对应端口的连接
,否则同事的访问请求可能会被防火墙阻止。
开放特定端口:以开放8080端口为例,在Windows系统中,你可以:
进入"控制面板" -> "Windows Defender 防火墙"。
点击"高级设置"。
选择"入站规则" -> "新建规则"。
规则类型选择"端口",下一步,选择"TCP",并输入"特定本地端口"如
8080
。后续步骤选择"允许连接",并根据需要应用规则(通常"域"、"专用"、"公用"都选上),最后为规则起个名字(如"Vue Dev Server")即可
。
临时关闭防火墙(不推荐):如果出于测试目的,且网络环境可信,可以临时关闭防火墙,但这会降低电脑安全性
。
📝 访问与后续步骤
完成上述配置后,你的同事在局域网内其他设备的浏览器中输入终端里显示的 Network
地址(例如 http://192.168.1.100:8080
)就可以访问你的前端网站了。
--------------------------------------------------------------------------------
其中有几点疑问,比如下面这段话:
默认情况下,Vue的开发服务器可能只监听 localhost
。要让局域网内的同事能访问,你需要让服务器监听在你的本地IP地址或者 0.0.0.0
。
使用 0.0.0.0
(推荐):这表示监听本机所有可用的网络接口。
可用的网络接口是啥意思呢,下面是我的学习感悟:
一个电脑可以通过多个ip进行上网(信息传输)
比如:
我使用的是一台windows系统笔记本电脑,目前连接的是wifi,查看一下网络接口(cmd窗口):
C:\Users\aa>ipconfig /allWindows IP 配置主机名 . . . . . . . . . . . . . : fzw主 DNS 后缀 . . . . . . . . . . . :节点类型 . . . . . . . . . . . . : 混合IP 路由已启用 . . . . . . . . . . : 否WINS 代理已启用 . . . . . . . . . : 否DNS 后缀搜索列表 . . . . . . . . : mshome.net以太网适配器 以太网:媒体状态 . . . . . . . . . . . . : 媒体已断开连接连接特定的 DNS 后缀 . . . . . . . :描述. . . . . . . . . . . . . . . : Intel(R) Ethernet Connection (23) I219-V物理地址. . . . . . . . . . . . . : 84-BA-59-90-D5-88DHCP 已启用 . . . . . . . . . . . : 是自动配置已启用. . . . . . . . . . : 是无线局域网适配器 本地连接* 1:媒体状态 . . . . . . . . . . . . : 媒体已断开连接连接特定的 DNS 后缀 . . . . . . . :描述. . . . . . . . . . . . . . . : Microsoft Wi-Fi Direct Virtual Adapter物理地址. . . . . . . . . . . . . : 24-EB-16-E8-FF-68DHCP 已启用 . . . . . . . . . . . : 是自动配置已启用. . . . . . . . . . : 是无线局域网适配器 本地连接* 2:媒体状态 . . . . . . . . . . . . : 媒体已断开连接连接特定的 DNS 后缀 . . . . . . . :描述. . . . . . . . . . . . . . . : Microsoft Wi-Fi Direct Virtual Adapter #2物理地址. . . . . . . . . . . . . : 26-EB-16-E8-FF-67DHCP 已启用 . . . . . . . . . . . : 是自动配置已启用. . . . . . . . . . : 是以太网适配器 VMware Network Adapter VMnet1:连接特定的 DNS 后缀 . . . . . . . :描述. . . . . . . . . . . . . . . : VMware Virtual Ethernet Adapter for VMnet1物理地址. . . . . . . . . . . . . : 00-50-56-C0-00-01DHCP 已启用 . . . . . . . . . . . : 是自动配置已启用. . . . . . . . . . : 是本地链接 IPv6 地址. . . . . . . . : fe80::ed6c:dea7:f2eb:6361%16(首选)IPv4 地址 . . . . . . . . . . . . : 192.168.238.1(首选)子网掩码 . . . . . . . . . . . . : 255.255.255.0获得租约的时间 . . . . . . . . . : 2025年10月9日 8:49:57租约过期的时间 . . . . . . . . . : 2025年10月10日 14:56:58默认网关. . . . . . . . . . . . . :DHCP 服务器 . . . . . . . . . . . : 192.168.238.254DHCPv6 IAID . . . . . . . . . . . : 754995286DHCPv6 客户端 DUID . . . . . . . : 00-01-00-01-2F-3F-87-19-84-BA-59-90-D5-88TCPIP 上的 NetBIOS . . . . . . . : 已启用以太网适配器 VMware Network Adapter VMnet8:连接特定的 DNS 后缀 . . . . . . . :描述. . . . . . . . . . . . . . . : VMware Virtual Ethernet Adapter for VMnet8物理地址. . . . . . . . . . . . . : 00-50-56-C0-00-08DHCP 已启用 . . . . . . . . . . . : 是自动配置已启用. . . . . . . . . . : 是本地链接 IPv6 地址. . . . . . . . : fe80::7986:6f53:884a:139%3(首选)IPv4 地址 . . . . . . . . . . . . : 192.168.111.1(首选)子网掩码 . . . . . . . . . . . . : 255.255.255.0获得租约的时间 . . . . . . . . . : 2025年10月9日 8:49:57租约过期的时间 . . . . . . . . . : 2025年10月10日 14:56:58默认网关. . . . . . . . . . . . . :DHCP 服务器 . . . . . . . . . . . : 192.168.111.254DHCPv6 IAID . . . . . . . . . . . : 771772502DHCPv6 客户端 DUID . . . . . . . : 00-01-00-01-2F-3F-87-19-84-BA-59-90-D5-88主 WINS 服务器 . . . . . . . . . : 192.168.111.2TCPIP 上的 NetBIOS . . . . . . . : 已启用无线局域网适配器 WLAN:连接特定的 DNS 后缀 . . . . . . . : mshome.net描述. . . . . . . . . . . . . . . : Intel(R) Wi-Fi 6 AX203物理地址. . . . . . . . . . . . . : 24-EB-16-E8-FF-67DHCP 已启用 . . . . . . . . . . . : 是自动配置已启用. . . . . . . . . . : 是本地链接 IPv6 地址. . . . . . . . : fe80::1bdf:9f8f:a5c3:701f%7(首选)IPv4 地址 . . . . . . . . . . . . : 192.168.137.233(首选)子网掩码 . . . . . . . . . . . . : 255.255.255.0获得租约的时间 . . . . . . . . . : 2025年10月7日 13:28:38租约过期的时间 . . . . . . . . . : 2025年10月17日 11:12:44默认网关. . . . . . . . . . . . . : 192.168.137.1DHCP 服务器 . . . . . . . . . . . : 192.168.137.1DHCPv6 IAID . . . . . . . . . . . : 86305558DHCPv6 客户端 DUID . . . . . . . : 00-01-00-01-2F-3F-87-19-84-BA-59-90-D5-88DNS 服务器 . . . . . . . . . . . : fe80::4037:8e42:ef74:e0c7%7192.168.137.1TCPIP 上的 NetBIOS . . . . . . . : 已启用连接特定的 DNS 后缀搜索列表:mshome.net
发现一共三个IP,前两个是我安装的虚拟机的IP,最后一个是WIFI的IP。
然后,我找一根公司网线,插在电脑上,再查看一下IP:
C:\Users\aa>ipconfig /allWindows IP 配置主机名 . . . . . . . . . . . . . : fzw主 DNS 后缀 . . . . . . . . . . . :节点类型 . . . . . . . . . . . . : 混合IP 路由已启用 . . . . . . . . . . : 否WINS 代理已启用 . . . . . . . . . : 否DNS 后缀搜索列表 . . . . . . . . : mshome.net以太网适配器 以太网:媒体状态 . . . . . . . . . . . . : 媒体已断开连接连接特定的 DNS 后缀 . . . . . . . :描述. . . . . . . . . . . . . . . : Intel(R) Ethernet Connection (23) I219-V物理地址. . . . . . . . . . . . . : 84-BA-59-90-D5-88DHCP 已启用 . . . . . . . . . . . : 是自动配置已启用. . . . . . . . . . : 是无线局域网适配器 本地连接* 1:媒体状态 . . . . . . . . . . . . : 媒体已断开连接连接特定的 DNS 后缀 . . . . . . . :描述. . . . . . . . . . . . . . . : Microsoft Wi-Fi Direct Virtual Adapter物理地址. . . . . . . . . . . . . : 24-EB-16-E8-FF-68DHCP 已启用 . . . . . . . . . . . : 是自动配置已启用. . . . . . . . . . : 是无线局域网适配器 本地连接* 2:媒体状态 . . . . . . . . . . . . : 媒体已断开连接连接特定的 DNS 后缀 . . . . . . . :描述. . . . . . . . . . . . . . . : Microsoft Wi-Fi Direct Virtual Adapter #2物理地址. . . . . . . . . . . . . : 26-EB-16-E8-FF-67DHCP 已启用 . . . . . . . . . . . : 是自动配置已启用. . . . . . . . . . : 是以太网适配器 VMware Network Adapter VMnet1:连接特定的 DNS 后缀 . . . . . . . :描述. . . . . . . . . . . . . . . : VMware Virtual Ethernet Adapter for VMnet1物理地址. . . . . . . . . . . . . : 00-50-56-C0-00-01DHCP 已启用 . . . . . . . . . . . : 是自动配置已启用. . . . . . . . . . : 是本地链接 IPv6 地址. . . . . . . . : fe80::ed6c:dea7:f2eb:6361%16(首选)IPv4 地址 . . . . . . . . . . . . : 192.168.238.1(首选)子网掩码 . . . . . . . . . . . . : 255.255.255.0获得租约的时间 . . . . . . . . . : 2025年10月9日 8:49:57租约过期的时间 . . . . . . . . . : 2025年10月10日 14:56:58默认网关. . . . . . . . . . . . . :DHCP 服务器 . . . . . . . . . . . : 192.168.238.254DHCPv6 IAID . . . . . . . . . . . : 754995286DHCPv6 客户端 DUID . . . . . . . : 00-01-00-01-2F-3F-87-19-84-BA-59-90-D5-88TCPIP 上的 NetBIOS . . . . . . . : 已启用以太网适配器 VMware Network Adapter VMnet8:连接特定的 DNS 后缀 . . . . . . . :描述. . . . . . . . . . . . . . . : VMware Virtual Ethernet Adapter for VMnet8物理地址. . . . . . . . . . . . . : 00-50-56-C0-00-08DHCP 已启用 . . . . . . . . . . . : 是自动配置已启用. . . . . . . . . . : 是本地链接 IPv6 地址. . . . . . . . : fe80::7986:6f53:884a:139%3(首选)IPv4 地址 . . . . . . . . . . . . : 192.168.111.1(首选)子网掩码 . . . . . . . . . . . . : 255.255.255.0获得租约的时间 . . . . . . . . . : 2025年10月9日 8:49:57租约过期的时间 . . . . . . . . . : 2025年10月10日 14:56:58默认网关. . . . . . . . . . . . . :DHCP 服务器 . . . . . . . . . . . : 192.168.111.254DHCPv6 IAID . . . . . . . . . . . : 771772502DHCPv6 客户端 DUID . . . . . . . : 00-01-00-01-2F-3F-87-19-84-BA-59-90-D5-88主 WINS 服务器 . . . . . . . . . : 192.168.111.2TCPIP 上的 NetBIOS . . . . . . . : 已启用无线局域网适配器 WLAN:连接特定的 DNS 后缀 . . . . . . . : mshome.net描述. . . . . . . . . . . . . . . : Intel(R) Wi-Fi 6 AX203物理地址. . . . . . . . . . . . . : 24-EB-16-E8-FF-67DHCP 已启用 . . . . . . . . . . . : 是自动配置已启用. . . . . . . . . . : 是本地链接 IPv6 地址. . . . . . . . : fe80::1bdf:9f8f:a5c3:701f%7(首选)IPv4 地址 . . . . . . . . . . . . : 192.168.137.233(首选)子网掩码 . . . . . . . . . . . . : 255.255.255.0获得租约的时间 . . . . . . . . . : 2025年10月7日 13:28:38租约过期的时间 . . . . . . . . . : 2025年10月17日 11:12:44默认网关. . . . . . . . . . . . . : 192.168.137.1DHCP 服务器 . . . . . . . . . . . : 192.168.137.1DHCPv6 IAID . . . . . . . . . . . : 86305558DHCPv6 客户端 DUID . . . . . . . : 00-01-00-01-2F-3F-87-19-84-BA-59-90-D5-88DNS 服务器 . . . . . . . . . . . : fe80::4037:8e42:ef74:e0c7%7192.168.137.1TCPIP 上的 NetBIOS . . . . . . . : 已启用连接特定的 DNS 后缀搜索列表:mshome.net
发现了四个IP,第一个就是刚刚新插上的网线的IP,后面三个不变。