使用ngrok开启内网穿透使用经历

使用ngrok实现内网穿透的使用:
本次需求是在外面需要访问公司的局域网,将本地的vue项目进行穿透。
第一步:访问ngrok官网:https://www.ngrok.cc/
点击登录,这里需要登录账号,没有注册一个即可。
在这里插入图片描述
第二步:进入主页后,点击开通隧道,选择一个免费的服务器
在这里插入图片描述
第三步:填写域名前缀和本机暴露的端口号
在这里插入图片描述
第四步:添加完成后,进入隧道管理,可以选择下载客户端,启动客户端,接下去的操作,主页教程中就有,按照操作步骤进行即可。

注意事项:本次使用过程中因为是vue项目,遇到了一个小问题,进行一下记录。

刚开始使用ngrok内网穿透后,返回304,invalid host header

出现这种情况的原因:

vue中webpack-dev-server出于安全考虑,默认检查hostname,如果hostname不是配置内的,将中断访问。

解决办法:

webpack.dev.conf.js 添加配置  disableHostCheck: true
在这里插入图片描述

每天进步一点点,不知不觉,你拥有的会超乎你的想象,与大家共勉!

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值