因为自己折腾过vue项目自己电脑测试，所以记录下来，对于本地web和其他指定端口应用的，都可以通过一些合适的方法开放设置让其他电脑访问的，方便有需要的参考。自己电脑搭建部署好的项目，经常需要还在给其他主机访问或测试。

主要记的是vue和web通用让他机访问的步骤，如何设置和配置本机的web项目，以便其他主机能够访问。探讨网络配置、端口转发、内外网映射工具（常见的nat123端口映射出去的示例）和防火墙设置等方面的内容，以帮助实现本地内网数据公网直接访问的目标。

一、如何让别人访问我的电脑的vue项目（自己测试记录）

简单易用的Vue 在中小项目和快速开发中依然很有优势。个人电脑本地vue项目给他人访问步骤：

我是直接关闭防火墙。如果你的电脑长期不关机的可以考虑针对性的开端口。

修改build/webpack.dev.conf.js中的“const HOST = process.env.HOST”为“const HOST = process.env.HOST || '0.0.0.0'”

修改request.js中的baseURL: 'http://localhost:8008/api'为baseURL: 'http://本机ip:8008/api'

这样自己的电脑和局域网中其他的电脑都可以通过http://本机IP:端口/访问vue项目。

利用nat123客户端添加个映射设置，将本地自己电脑vue项目地址由内网IP端口转换成自定义公网域名端口。

这样在局域网外部其他的电脑就可以通过对应自己的域名或nat123提供的域名访问本地项目。

二、如何让其他主机访问本机的web项目（通用步骤参考）

要让其他主机能够访问本机的web项目，特别是其他访问端主机不在同一内网环境的，您需要进行一系列的网络配置和设置。以下是一些关键步骤和注意事项，帮助实现这一目标：

首先，确保您的计算机已连接到互联网，并且网络连接稳定。可以尝试访问其他网站来验证这一点。

在本机上安装并配置Web服务器软件，例如Apache、Nginx或IIS等。按照服务器软件的文档或说明进行安装和配置，确保服务器软件正常运行。

默认情况下，计算机的防火墙可能会阻止外部主机访问本机的Web项目。您需要配置防火墙规则，允许外部主机通过特定的端口访问您的Web项目。具体的配置方法取决于您使用的操作系统和防火墙软件。

在局域网内其他电脑，使用对应的内网IP端口进行连接访问。如果不知道IP是什么，可以从网络属性里面查看，或直接CMD命令提示符中执行ipconfig查看。

5、端口转发（仅适用于路由器）

如果您使用的是路由器而不是直接连接到互联网，您还需要在路由器上进行端口转发设置。找到虚拟服务器或转发规则或NAT服务里面，添加转发规则，将外部网络端口映射到本机的Web服务器端口，以便路由器能够将外部访问请求转发到您的计算机。

如果本地没有路由权限或没有公网IP的，需要借助三方网络地址映射工具进行内外网端口转发设置，将内网IP端口变成公网地址。常见工具有如nat123，在其对应客户端上添加个映射记录，设置绑定好对应自己内网地址和自定义好外网地址，用自己域名或提供的默认二级域名提供外部请求访问。

完成上述配置后，从另一台计算机或浏览器中尝试访问您的Web项目。确保能够正常访问到您的网站内容，并且没有任何错误或限制。路由映射访问或用nat123映射访问是二种不同的方案，分别适合有公网和无公网环境，一般根据本地实际情况选择其中一种操作设置。

公网IP访问：做了路由映射的，在外部通过路由WAN的外网IP来访问。

域名访问：使用了nat123端口映射的，在局域网外使用对应设置好域名来访问。

请注意，允许其他主机访问本机的Web项目可能会带来安全风险。确保您的服务器软件保持更新，并采取适当的安全措施，例如使用强密码、限制访问权限和防范常见的安全漏洞等。

以上是让其他主机访问本机web项目的基本步骤和注意事项。通过仔细遵循这些步骤并确保配置正确，您应该能够成功地使您的Web项目可供其他主机访问。

若只是给朋友快速看个前端/后端 Demo（如 Vue、Spring Boot、Flask 等），‌或web网站和应用数据只能本地化的，推荐用nat123客户端或类似内网映射应用，几 分钟搞定‌。

若是有条件的且数据可以上云的访问，租云服务器，将项目部署上云公网访问。‌‌

如何让别人其他主机访问我电脑本机的vue/web项目/指定端口服务？从给局域网内到外部访问的实现

前端

运维

网络与通信

本文详细讲解如何让其他电脑访问本地Vue和Web项目，包括防火墙设置、内网IP配置、端口转发、nat123内网映射等实用方法。提供从局域网到公网访问的完整解决方案，适合前端开发测试、项目演示等场景，帮助开发者快速实现本地项目远程访问。

虚拟服务器

云服务器

Spring Boot

服务器

路由器

防火墙

路由

2026年中大促 | AI 领航 智绘未来

热销域名限时优惠，新客首年免费！


domain

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

如何让别人其他主机访问我电脑本机的vue/web项目/指定端口服务？从给局域网内到外部访问的实现

如何让别人其他主机访问我电脑本机的vue/web项目/指定端口服务？从给局域网内到外部访问的实现

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐