ngrok内网穿透【简易实战】

链接: ngrok官网

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

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

每次访问域名可能会变，所以就需要配置静态域名

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

原因：由于新版的webpack-dev-server出于安全考虑，默认检查hostname，如果hostname不是配置内的，将中断访问

解决：可以在项目根目录下的vue.config.js中添加如下webpack-dev-server配置：

devServer: {

disableHostCheck: true,

},