如何通过外网(互联网)访问本地计算机里的网站?Ngrok(内网穿透)帮你解决!

很多人喜欢搭建自己的网页,但是在本地搭建成功后,只能在本地或者局域网内进行访问。 怎么才能通过互联网来让别人访问你的网页呢?这里可以使用ngrok来实现。

1.了解一些内容

操作前,先解释解释内网穿透,想要别人来访问你的电脑本地的网站,首先就需要域名! 我们在访问一些网页时,都是有域名的,例如:www.baidu.com(百度)。

域名会对应IP,比如我们本地的网页一般为http://localhost:8080(本地的localhost对应127.0.0.1的IP,8080为端口)。

所以,要想别人访问你本地机的网站,就必须有一个域名来映射你本地的IP。这里我们使用域名服务器来映射的。

下面就来操作,如何免费注册获得域名,并且映射到自己的本地机中。

2. 注册和登录ngrok

首先,先登录ngrok的网页,注册一个账号。

在这里插入图片描述
在这里插入图片描述
注册成功后,登录到自己的后台页面。
在这里插入图片描述

3.免费购买一个域名

点击隧道管理的开通隧道:
在这里插入图片描述
里面有一个0元购买的,直接点击购买:在这里插入图片描述
以下必须要填写隧道协议,隧道名称,前置域名,本地端口。http验证的两个可以不用填写。填写后,确认添加就行,之后点击开通隧道。
在这里插入图片描述

4.下载ngrok服务 完成互联网访问本地网站

完成上面步骤后,可以去隧道管理,查看一下自己的域名服务器。记录一下隧道id,后面用到!

在这里插入图片描述
在你的隧道管理中,点击Ngrok(客户端下载),下载对应系统的Ngrok版本。下载好后,解压。
在这里插入图片描述
进入windows_amd64,启动下面工具:
在这里插入图片描述

输入隧道的id,回车启动隧道:
在这里插入图片描述
启动后,它会给你一个域名地址,这个域名地址就是映射你的本地机的地址,这样就可以通过这个地址来访问你的网页了。
在这里插入图片描述

5. 测试 互联网访问本地机

完成以上4个步骤,就可以通过互联网来启动自己的网页试试了!当然,因为这里是免费的会限速限流,访问时间会很长!

  • 6
    点赞
  • 27
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 5
    评论
当你无法通过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 ]
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

xupengboo

你的鼓励将是我创作最大的动力。

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值