ngrok 内网穿透

背景

想让 UI 在他自己的电脑上看到我这儿开发中还没上测试环境的界面, 于是想到了之前大学时候用过的这个工具

---

实操步骤

1. 访问网站 ngrok.cc , 按着网站上的教程来,选择免费服务器,一般来说就可以了

2. 但是这次用的时候报错了

   Webpack 出现 Invalid Host header 错误 ,可将 webpack-dev-server disableHostCheck 设置为true

   直接在 webpack 配置文件中 module.exports 的对象中加上 devServer 属性,值是对象,在里面设置 true

3. 另有其他方法

   vue-cli 新建的项目, 运行时因为 vue-cli-service server , 运行成功后会有

   App running at:
     - Local:   http://localhost:8080/...
     - Network: http://xxxxxxx:8080/...
   

   Network 的地址可以给同一局域网下的其他用户看, 比如前端改了个页面显示效果, 发这个网址让同一公司网络下的 UI 验收