ngrok内网穿透【简易实战】

链接: ngrok官网

  1. 下载ngrok并解压打开
  2. ngrok config add-authtoken xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
  3. ngrok http 80

80端口需要修改为实际项目本地运行的端口号

每次访问域名可能会变,所以就需要配置静态域名
ngrok内网穿透【简易实战】_第1张图片

问题:使用ngrok映射外网地址,访问时出现Invalid Host header错误

原因:由于新版的webpack-dev-server出于安全考虑,默认检查hostname,如果hostname不是配置内的,将中断访问
解决:可以在项目根目录下的vue.config.js中添加如下webpack-dev-server配置:
devServer: {
 disableHostCheck: true,
},
ngrok内网穿透【简易实战】_第2张图片

你可能感兴趣的:(ngrok内网穿透,服务器,前端)