链接: ngrok官网
- 下载ngrok并解压打开
ngrok config add-authtoken xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
ngrok http 80
80端口需要修改为实际项目本地运行的端口号
每次访问域名可能会变,所以就需要配置静态域名
问题:使用ngrok映射外网地址,访问时出现Invalid Host header错误
原因:由于新版的webpack-dev-server出于安全考虑,默认检查hostname,如果hostname不是配置内的,将中断访问
解决:可以在项目根目录下的vue.config.js
中添加如下webpack-dev-server配置:
devServer: {
disableHostCheck: true,
},