电脑所有可用的网络接口

事情是这样的:我做了一个网站,然后想让同一个局域网内的同事访问,问了一下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系统中,你可以:

    1. 进入"控制面板" -> "Windows Defender 防火墙"。

    2. 点击"高级设置"。

    3. 选择"入站规则" -> "新建规则"。

    4. 规则类型选择"端口",下一步,选择"TCP",并输入"特定本地端口"如8080

    5. 后续步骤选择"允许连接",并根据需要应用规则(通常"域"、"专用"、"公用"都选上),最后为规则起个名字(如"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 /all

Windows IP 配置

   主机名  . . . . . . . . . . . . . : fzw
   主 DNS 后缀 . . . . . . . . . . . :
   节点类型  . . . . . . . . . . . . : 混合
   IP 路由已启用 . . . . . . . . . . : 否
   WINS 代理已启用 . . . . . . . . . : 否
   DNS 后缀搜索列表  . . . . . . . . : mshome.net

以太网适配器 以太网:

   媒体状态  . . . . . . . . . . . . : 媒体已断开连接
   连接特定的 DNS 后缀 . . . . . . . :
   描述. . . . . . . . . . . . . . . : Intel(R) Ethernet Connection (23) I219-V
   物理地址. . . . . . . . . . . . . : 84-BA-59-90-D5-88
   DHCP 已启用 . . . . . . . . . . . : 是
   自动配置已启用. . . . . . . . . . : 是

无线局域网适配器 本地连接* 1:

   媒体状态  . . . . . . . . . . . . : 媒体已断开连接
   连接特定的 DNS 后缀 . . . . . . . :
   描述. . . . . . . . . . . . . . . : Microsoft Wi-Fi Direct Virtual Adapter
   物理地址. . . . . . . . . . . . . : 24-EB-16-E8-FF-68
   DHCP 已启用 . . . . . . . . . . . : 是
   自动配置已启用. . . . . . . . . . : 是

无线局域网适配器 本地连接* 2:

   媒体状态  . . . . . . . . . . . . : 媒体已断开连接
   连接特定的 DNS 后缀 . . . . . . . :
   描述. . . . . . . . . . . . . . . : Microsoft Wi-Fi Direct Virtual Adapter #2
   物理地址. . . . . . . . . . . . . : 26-EB-16-E8-FF-67
   DHCP 已启用 . . . . . . . . . . . : 是
   自动配置已启用. . . . . . . . . . : 是

以太网适配器 VMware Network Adapter VMnet1:

   连接特定的 DNS 后缀 . . . . . . . :
   描述. . . . . . . . . . . . . . . : VMware Virtual Ethernet Adapter for VMnet1
   物理地址. . . . . . . . . . . . . : 00-50-56-C0-00-01
   DHCP 已启用 . . . . . . . . . . . : 是
   自动配置已启用. . . . . . . . . . : 是
   本地链接 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.254
   DHCPv6 IAID . . . . . . . . . . . : 754995286
   DHCPv6 客户端 DUID  . . . . . . . : 00-01-00-01-2F-3F-87-19-84-BA-59-90-D5-88
   TCPIP 上的 NetBIOS  . . . . . . . : 已启用

以太网适配器 VMware Network Adapter VMnet8:

   连接特定的 DNS 后缀 . . . . . . . :
   描述. . . . . . . . . . . . . . . : VMware Virtual Ethernet Adapter for VMnet8
   物理地址. . . . . . . . . . . . . : 00-50-56-C0-00-08
   DHCP 已启用 . . . . . . . . . . . : 是
   自动配置已启用. . . . . . . . . . : 是
   本地链接 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.254
   DHCPv6 IAID . . . . . . . . . . . : 771772502
   DHCPv6 客户端 DUID  . . . . . . . : 00-01-00-01-2F-3F-87-19-84-BA-59-90-D5-88
   主 WINS 服务器  . . . . . . . . . : 192.168.111.2
   TCPIP 上的 NetBIOS  . . . . . . . : 已启用

无线局域网适配器 WLAN:

   连接特定的 DNS 后缀 . . . . . . . : mshome.net
   描述. . . . . . . . . . . . . . . : Intel(R) Wi-Fi 6 AX203
   物理地址. . . . . . . . . . . . . : 24-EB-16-E8-FF-67
   DHCP 已启用 . . . . . . . . . . . : 是
   自动配置已启用. . . . . . . . . . : 是
   本地链接 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.1
   DHCP 服务器 . . . . . . . . . . . : 192.168.137.1
   DHCPv6 IAID . . . . . . . . . . . : 86305558
   DHCPv6 客户端 DUID  . . . . . . . : 00-01-00-01-2F-3F-87-19-84-BA-59-90-D5-88
   DNS 服务器  . . . . . . . . . . . : fe80::4037:8e42:ef74:e0c7%7
                                       192.168.137.1
   TCPIP 上的 NetBIOS  . . . . . . . : 已启用
   连接特定的 DNS 后缀搜索列表:
                                       mshome.net

发现一共三个IP,前两个是我安装的虚拟机的IP,最后一个是WIFI的IP。

然后,我找一根公司网线,插在电脑上,再查看一下IP:

复制代码
C:\Users\aa>ipconfig /all

Windows IP 配置

   主机名  . . . . . . . . . . . . . : fzw
   主 DNS 后缀 . . . . . . . . . . . :
   节点类型  . . . . . . . . . . . . : 混合
   IP 路由已启用 . . . . . . . . . . : 否
   WINS 代理已启用 . . . . . . . . . : 否
   DNS 后缀搜索列表  . . . . . . . . : mshome.net

以太网适配器 以太网:

   媒体状态  . . . . . . . . . . . . : 媒体已断开连接
   连接特定的 DNS 后缀 . . . . . . . :
   描述. . . . . . . . . . . . . . . : Intel(R) Ethernet Connection (23) I219-V
   物理地址. . . . . . . . . . . . . : 84-BA-59-90-D5-88
   DHCP 已启用 . . . . . . . . . . . : 是
   自动配置已启用. . . . . . . . . . : 是

无线局域网适配器 本地连接* 1:

   媒体状态  . . . . . . . . . . . . : 媒体已断开连接
   连接特定的 DNS 后缀 . . . . . . . :
   描述. . . . . . . . . . . . . . . : Microsoft Wi-Fi Direct Virtual Adapter
   物理地址. . . . . . . . . . . . . : 24-EB-16-E8-FF-68
   DHCP 已启用 . . . . . . . . . . . : 是
   自动配置已启用. . . . . . . . . . : 是

无线局域网适配器 本地连接* 2:

   媒体状态  . . . . . . . . . . . . : 媒体已断开连接
   连接特定的 DNS 后缀 . . . . . . . :
   描述. . . . . . . . . . . . . . . : Microsoft Wi-Fi Direct Virtual Adapter #2
   物理地址. . . . . . . . . . . . . : 26-EB-16-E8-FF-67
   DHCP 已启用 . . . . . . . . . . . : 是
   自动配置已启用. . . . . . . . . . : 是

以太网适配器 VMware Network Adapter VMnet1:

   连接特定的 DNS 后缀 . . . . . . . :
   描述. . . . . . . . . . . . . . . : VMware Virtual Ethernet Adapter for VMnet1
   物理地址. . . . . . . . . . . . . : 00-50-56-C0-00-01
   DHCP 已启用 . . . . . . . . . . . : 是
   自动配置已启用. . . . . . . . . . : 是
   本地链接 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.254
   DHCPv6 IAID . . . . . . . . . . . : 754995286
   DHCPv6 客户端 DUID  . . . . . . . : 00-01-00-01-2F-3F-87-19-84-BA-59-90-D5-88
   TCPIP 上的 NetBIOS  . . . . . . . : 已启用

以太网适配器 VMware Network Adapter VMnet8:

   连接特定的 DNS 后缀 . . . . . . . :
   描述. . . . . . . . . . . . . . . : VMware Virtual Ethernet Adapter for VMnet8
   物理地址. . . . . . . . . . . . . : 00-50-56-C0-00-08
   DHCP 已启用 . . . . . . . . . . . : 是
   自动配置已启用. . . . . . . . . . : 是
   本地链接 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.254
   DHCPv6 IAID . . . . . . . . . . . : 771772502
   DHCPv6 客户端 DUID  . . . . . . . : 00-01-00-01-2F-3F-87-19-84-BA-59-90-D5-88
   主 WINS 服务器  . . . . . . . . . : 192.168.111.2
   TCPIP 上的 NetBIOS  . . . . . . . : 已启用

无线局域网适配器 WLAN:

   连接特定的 DNS 后缀 . . . . . . . : mshome.net
   描述. . . . . . . . . . . . . . . : Intel(R) Wi-Fi 6 AX203
   物理地址. . . . . . . . . . . . . : 24-EB-16-E8-FF-67
   DHCP 已启用 . . . . . . . . . . . : 是
   自动配置已启用. . . . . . . . . . : 是
   本地链接 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.1
   DHCP 服务器 . . . . . . . . . . . : 192.168.137.1
   DHCPv6 IAID . . . . . . . . . . . : 86305558
   DHCPv6 客户端 DUID  . . . . . . . : 00-01-00-01-2F-3F-87-19-84-BA-59-90-D5-88
   DNS 服务器  . . . . . . . . . . . : fe80::4037:8e42:ef74:e0c7%7
                                       192.168.137.1
   TCPIP 上的 NetBIOS  . . . . . . . : 已启用
   连接特定的 DNS 后缀搜索列表:
                                       mshome.net

发现了四个IP,第一个就是刚刚新插上的网线的IP,后面三个不变。

相关推荐
我只会写Bug啊8 小时前
Vue文件预览终极方案:PNG/EXCEL/PDF/DOCX/OFD等10+格式一键渲染,开源即用!
前端·vue.js·pdf·excel·预览
扯蛋43810 小时前
LangChain的学习之路( 一 )
前端·langchain·mcp
Mr.Jessy10 小时前
Web APIs学习第一天:获取 DOM 对象
开发语言·前端·javascript·学习·html
午安~婉10 小时前
javaScript八股问题
开发语言·javascript·原型模式
西西学代码10 小时前
Flutter---个人信息(5)---持久化存储
java·javascript·flutter
芝麻开门-新起点10 小时前
flutter 生命周期管理:从 Widget 到 State 的完整解析
开发语言·javascript·ecmascript
ConardLi11 小时前
Easy Dataset 已经突破 11.5K Star,这次又带来多项功能更新!
前端·javascript·后端
冴羽11 小时前
10 个被严重低估的 JS 特性,直接少写 500 行代码
前端·javascript·性能优化
rising start11 小时前
四、CSS选择器(续)和三大特性
前端·css
一 乐11 小时前
高校后勤报修系统|物业管理|基于SprinBoot+vue的高校后勤报修系统(源码+数据库+文档)
java·前端·javascript·数据库·vue.js·毕设