一篇文章教你Ngrok内网穿透工具如何使用？

最新推荐文章于 2025-09-15 10:14:24 发布
原创 最新推荐文章于 2025-09-15 10:14:24 发布 · 328 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#http #开发工具

本文介绍如何通过Ngrok工具实现本地项目的远程访问。首先需要注册并登录Ngrok账户，然后设置本地项目的运行端口，并下载Ngrok客户端。完成配置后，在控制台启动Ngrok并输入隧道ID，即可通过提供的域名远程访问本地项目。对于前后端分离的Vue项目，还需在webpack配置文件中加入特定参数。

当我们本地运行的项目没有部署到云服务器，别人是不能访问到的，此时如果需要展示给别人远程看，就可以使用ngrok内网穿透工具

如何使用

注册一个账号

image.png

登陆后进入下面界面

image.png

image.png

本地端口处填写本机项目运行时的端口

image.png

image.png

下载客户端

image.png

下载完成后，执行image.png

在控制台输入我们开通的隧道的id

image.png

此时访问映射后的这个域名，便可以访问到本机的项目

image.png

注意

如果是前后端分离的vue项目，在vue-cli版本为2.x的情况下修改webpack.dev.conf.js中的devServer对象加入disableHostCheck: true即可转发成功

image.png

Ngrok 完全指南：内网穿透、反向代理与本地服务暴露
qq_43580271的博客
04-22 382
隧道，并提供了丰富的管理功能，适用于开发调试、Webhook 测试、API 演示等场景。：随机 URL，每次重启变化，限制并发连接数。）暴露到公网，生成一个可访问的 URL（如。– 无需公网 IP 即可暴露本地服务。：固定域名、更多并发、TCP 支持等。– HTTP、TCP、TLS 等。– 自动提供 TLS 加密链接。注册 Ngrok 账号，获取。✅ 支持 IP 限制、密码保护。Ngrok 是一个强大的。，能够将本地服务器（如。→ 访问它等同于访问。即可访问你的本地服务！– 可绑定自己的域名。
Vue CLI3创建项目部署到Tomcat 使用ngrok映射到外网
包雷维
05-15 818
当前日期2019.5.15 1.准备工作。 1.首先准备安装Vue及Vue-CLI $ npm install vue $ npm install -g @vue/cli 2.其次下载Tomcat https://tomcat.apache.org/index.html 任选一个版本，我测试用的是macOS，所以下载了第二个压缩包 下载到本地后，解压缩，并且将解压缩后的文...
Ngrok内网穿透
小方523的博客
11-17 1095
Ngork内网穿透前言如何通过Ngrok实现内网穿透注册账号购买服务（免费）下载工具 前言 ngrok是什么意思？ Ngrok 是一个反向代理，通过在公共的端点和本地运行的 Web 服务器之间建立一个安全的通道。Ngrok是外国发布的一个开源项目，也有一个公开的运行服务，但被国内墙掉了。国内一个机构建立并运营了一个Ngrok运行服务，虽然有时不太稳定，但对于调试人员来说是足够的。地址http://www.ngrok.cc/ 。其支持HTTP的80端口和TCP端口转发。下面介绍使用方法。 为什么要了解Ngro
ngrok把本地项目可以外网访问
libinqqq的博客
07-21 621
ngrok 是一个反向代理，可以从外网建立一个安全隧道到本地的web服务器如何使用：下载地址如下，这是本人自己使用的https://download.youkuaiyun.com/download/libinqqq/10465170官网：https://ngrok.com/（需要翻墙）下载下来得到一个ngrok.exe 应用程序然后双击直接运行吧，命令ngrok http 8080,8080是本地web服务的...
使用ngrok反向代理调试Vue项目
quangezai666的博客
12-26 1761
1、下载ngrok：点击下载 2、解压下载文件，打开.exe文件，使用ngrok http 80命令设置反向代理80端口（端口可以根据需要设置） 3、在浏览器中输入 http://127.0.0.1:4040可以开启ngrok用户界面 4、使用npm run dev开启Vue服务器，注意要设置Vue中服务器的端口问80（新版本的Vue-cli搭建的工程需要在webpack.dev.conf.
使用ngrok内网穿透 附vue脚手架以及uniapp教程
m0_51123598的博客
09-29 476
注：如果在使用中会出现频繁刷新（不是指热更新）就在vite.config.ts文件下的server的hmr添加{protocol: "ws", host: "localhost"}启动后在终端把红色框起来的部分复制并粘贴到终端后面（如果有多个隧道则逗号分割，例如：隧道id1，隧道id2），显示隧道启动成功就可以了访问了。下载之后解压到本地 打开文件 文件夹里面有一个启动工具，双击打开。1、在vue脚手架中打开vite.config.js(保存后一定一定要重新启动项目 不然不生效！一、vue脚手架穿透（
ngrok内网穿透工具使用
wys18的博客
05-26 662
由于ipv4公网ip数量有限，许多办公室或者校园网都是基于NAT技术共用公网ip。本机被分配的ip都是局域网ip, 可以借由路由器访问外网，但是无法直接被外网服务访问。所以相信大家在开发当中或多或少都碰到过以下情况： 1. 开发对接的第三方服务有回调通知，但需要提供公网访问地址。比如微信支付的回调和公众号开发。 1. 开发需要和远程团队调试，大家不在一个局域网内。 1. 自己整了一个牛逼的项目，开发到一半想给微信基友看看炫一下。 可能有人会说针对以上情况部署到公司带公网的服务器其实就ok了。但实际上服务
ngrok内网穿透支持https访问教程
arisono的博客
10-07 4093
​ 背景： HTTP（Hypertext Transfer Protocol）超文本传输协议是用来在Internet上传送超文本的传送协议，它可以使浏览器更加高效，使网络传输减少。但HTTP协议采用明文传输信息，存在信息窃听、信息篡改和信息劫持的风险。 HTTPS(Secure Hypertext Transfer Protocol) 安全超文本传输协议是一个安全的通信通道，它基于HTTP开发，用于在客户计算机和服务器之间交换信息。HTTPS使用安全套接字层(SSL)进行信息交换，简单来说HTTPS是HT
Ngrok vs 飞网：内网穿透工具对比指南
最新发布
2401_83390557的博客
09-15 1109
对比维度Ngrok飞网定位临时端口映射安全虚拟网络协议支持HTTP/HTTPS、TCP、UDP 等多种协议URL随机子域名固定 DNS 地址安全性HTTPS 加密，解密所有公网请求明文（元数据 + 内容）端到端加密，零信任权限控制，不会记录或存储你的流量内容，只会有连接的元数据（如连接双方、时间等）流量路径云服务器中转优先点对点，必要时ICE(云路由)中转依赖性强依赖 Ngrok 的云服务器，中转不可避免不依赖单一中转，大多数情况走直连；ICE(云路由)仅在直连失败时使用费用。
Ngrok实现内网穿透---实现https安全访问
colorfulyan的博客
10-07 3982
​ 背景： HTTP（Hypertext Transfer Protocol）超文本传输协议是用来在Internet上传送超文本的传送协议，它可以使浏览器更加高效，使网络传输减少。但HTTP协议采用明文传输信息，存在信息窃听、信息篡改和信息劫持的风险。 HTTPS(Secure Hypertext Transfer Protocol) 安全超文本传输协议是一个安全的通信通道，它基于HTTP开发，用于在客户计算机和服务器之间交换信息。HTTPS使用安全套接字层(SSL)进行信息交换，简单来说HTTPS是HT
外网访问内网页面的方法：ngrok结合vscode快速访问vue项目
weixin_46353030的博客
08-21 1311
区分概念： 内网：局域网是指在某一区域内由多台计算机互联成的计算机组，一般是方圆几千米以内。 外网：即广域网，又称公网。是连接不同地区局域网或城域网计算机通信的远程网。通常跨接很大的物理范围，所覆盖的范围从几十公里到几千公里，它能连接多个地区、城市和国家，或横跨几个洲并能提供远距离通信，形成国际性的远程网络。广域网并不等同于互联网。 为了能够使内网的地址被外网访问到，此时需要用到ngrok工具 一、ngrok安装（windows环境) 进入ngrok官网下载：https://ngrok.com/downl
基于ngrok实现ssh远程内网传透
pengrui18的专栏
04-04 7915
基于ngrok实现内网穿透1. 下载ngrok客户端2. 启动ngrok客户端2.1 解压2.2 链接个人账户2.3 启动ngrok3.查看个人ngrok映射地址5.在电脑上使用ssh登录验证 目前ngrok2.0是不开源的，并且ngrok服务器由官方维护。 下面小编教大家怎么使用ngrok实现内网穿透： 1. 下载ngrok客户端 网址：https://dashboard.ngrok.com/g...
norok内网穿透如何解决ERR_NGROK_6022，ERR_NGROK_3200的报错
qq_62129885的博客
09-17 4629
在使用ngrok内网穿透的时候，出现ERR_NGROK_6022的页面和ERR_NGROK_3022
通过ngrok等内网映射到外网后 微信禁止访问的问题
createWrite的博客
08-02 1977
在我们使用穿透工具提供的子域名做穿透后 在浏览器等环境是可以访问的 当然有可能也访问不了 因为使用量过大 导致滥用 会被举报 所有人免费使用 例如 ngrok这个工具 顶级域名就一个 所有人使用的都是子域名 这就导致 一旦被举报量达标 可能被禁止访问 这时候整个域名就同时被墙了 微信是肯定要被禁止的即使你用的穿透的工具官方去申诉了 可能也过不了多久就又封了 所以想要好好的访问 是不能直接用别人域名来访问的 最好有自己备案的域名 服务器 通过代理的方式 再做一层反向代理 这时候访问的是你自己...
Go语言实现ngrok内网穿透与Node.js后台管理
1. **ngrok内网穿透的应用场景**：在开发过程中，开发者需要在外部设备上测试自己开发的Web服务或应用。但很多时候这些服务或应用部署在内网服务器上，导致外部网络无法直接访问。此时，ngrok就可以作为一个桥梁，将...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值