如何使用ngrok内网穿透让外网可以访问你本地的网站

当你在本地开发一个网站的时候,你希望转发给别人进行访问,但是又不想正式部署到服务器(毕竟部署也是挺麻烦的)。除此以外,有时本地测试还需要依赖https,比如OAuth身份验证和第三方支付应用。一款叫Ngrok的免费软件获取可以帮到你,它通过本地端口映射轻松实现内网穿透,把localhost上运行的内容重定向到一个公网可用的ngrok URL(支持https), 是不是很帅? 

 

1、安装

如果你本地使用的是windows系统,首先访问它的官网:https://ngrok.com/download下载.exe客户端并安装。

 

2、启动Ngrok

进入ngrok的exe文件所在的目录,使用“ngrok http [port]”启动端口映射。假如本地项目使用8000端口,所以输入如下命令即可。

C:\Users\Owner\Desktop\code>ngrok http 8000

如果不出意外,您将看到ngrok屏幕,以及您项目的ngrok公网URL(在我的情况下为 http://60be795400a0.ngrok.io), 您还可以使用https连接。

3、打开浏览器访问 http://60be795400a0.ngrok.io即可看到网站

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
当你无法通过ngrok进行内网穿透访问时,可能有几种可能的原因。首先,你输入的访问web网站外网地址可能不存在,或者你的ngrok断开了。确保你的ngrok一直开着,这样才能保证你访问的那个网站存在。如果ngrok断开了,那个网站就无法被访问到了。 另外,可能是你遇到了报错ERR_NGROK_3022。这个报错意味着你输入的访问web网站外网地址不存在或者ngrok断开了。你需要确保输入的地址正确,并且ngrok一直保持连接状态。 如果你遇到了报错ERR_NGROK_3022,可能你一开始并没有意识到这个报错的意思,以为这是正常的。但是当你无法通过这个路径访问内网的网站时,你才意识到有问题。 为了解决ngrok内网穿透访问不了的问题,你可以参考以下步骤: 1. 首先,确保你已经购买了ngrok服务器并且获得了相关配置信息,特别是隧道id。 2. 下载并安装适合你电脑系统的ngrok客户端。 3. 解压并启动ngrok客户端,双击打开Sunny-Ngrok启动工具.bat。 4. 输入之前服务器的隧道id,并成功启动ngrok服务器。 5. 注意,左边的地址是外网地址,右边是内网地址,以及项目对应的端口号。 6. 如果在本地通过设置域名访问vue项目时出现Invalid Host header错误,你可以按照以下方法解决: - 对于使用vue-cli2创建的项目,在webpack.dev.conf.js中的devServer对象中添加disableHostCheck: true。 - 对于使用vue-cli3创建的项目,在项目根目录下创建vue.config.js文件,并添加module.exports = { devServer: { disableHostCheck: true } }。 7. 确认你的外网访问成功,以后只要项目在运行,你可以在任何地方通过外网地址随时访问项目。 希望以上信息对你有帮助,如果还有其他问题,请随时提问。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [norok内网穿透如何解决ERR_NGROK_6022,ERR_NGROK_3200的报错](https://blog.csdn.net/qq_62129885/article/details/126894332)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [Ngork内网穿透,远程访问项目并解决Invalid Host问题](https://blog.csdn.net/weixin_43857576/article/details/114498105)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值