黑马程序员技术交流社区

标题: 【上海校区】ngrok配合vue-cli实现外网访问 [打印本页]

作者: 梦缠绕的时候 时间: 2018-8-2 09:36
标题: 【上海校区】ngrok配合vue-cli实现外网访问

1 ngrok官网下载软件（用自己的github或者谷歌账号登陆）
https://ngrok.com/download
下载对应系统的版本，现以windows举例

2 下载解压，进入文件夹，并打开cmd

3再次进入官网点击Auth会得到自己的Authtoken，在cmd下运行命令 ./ngrok authtoken <—自己的token—>

4 修改vue-cli中的配置文件build/webpack.dev.conf.js在devServer中添加:disableHostCheck: true,添加完成后，运行npm run dev启动项目

5 如自己的项目是localhost:8000，在cmd命令下运行ngrok http 8000
然后会返回两个网址，复制到浏览器就可以访问了，（有点慢）

作者: 不二晨 时间: 2018-8-2 17:35
奈斯，棒棒哒

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2