如何让不同局域网的人只需输入你的电脑IP地址就能访问你的前端项目【已解决】

676 阅读2分钟

本文以访问Vue程序为例。

1. 确保你的电脑连接到局域网,并且具有公共IP地址。如果你的电脑连接到一个路由器或网络交换机上,它应该已经被分配了一个内部IP地址。你需要查找你的公共IP地址,这是你的网络出口地址。你可以通过访问一个IP地址查询网站来找到你的公共IP地址.
2. 启动Vue应用程序并将其监听在你的电脑IP地址的端口上。例如,如果你的IP地址是192.168.1.100,你可以使用以下命令启动Vue应用程序:
npm run serve -- --host 192.168.1.100 --port 8080

这将启动Vue应用程序并将其监听在192.168.1.1008080端口上。

3. 配置你的防火墙以允许流量通过。你需要开放你的电脑上Vue应用程序使用的端口(例如8080)以允许外部访问。

具体操作步骤如下:

  • 打开防火墙设置。这个步骤因操作系统和防火墙软件而异。例如,在Windows系统中,你可以打开控制面板,并在搜索框中输入“防火墙”,然后选择“Windows Defender 防火墙”。

  • 选择“高级设置”。这将打开防火墙高级设置窗口。

  • 选择“入站规则”。这将显示你的电脑上当前配置的所有入站规则。

  • 添加新规则。你可以点击“新建规则”按钮来添加一个新规则。

  • 配置规则。在配置规则时,你需要选择“端口”选项,并输入你的Vue应用程序使用的端口号。例如,如果你的Vue应用程序运行在8080端口,你应该选择“特定本地端口”,并输入8080。你还需要选择允许入站流量。

  • 保存规则。当你完成规则配置后,你可以保存它并启用它。

现在,你的防火墙已经配置为允许外部用户访问你的Vue应用程序。请注意,在配置防火墙规则时,你需要考虑到安全问题,并采取必要的措施来保护你的数据和用户。

4. 现在,其他人可以通过输入你的电脑IP地址和端口号来访问你的Vue应用程序。例如,如果你的IP地址是192.168.1.100,其他人可以通过浏览器输入 http://192.168.1.100:8080 来访问你的vue程序

请注意,使用此方法向外部用户提供Vue应用程序时,你需要考虑到网络安全性。你需要确保你的电脑和应用程序的安全性,并采取必要的措施来保护你的数据和用户。