使用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