您现在的位置:首页 >> 前端 >> 内容

关于使用ngrok反向代理调试Vue项目的步骤

时间:2017/12/27 11:49:14 点击:

  核心提示:1、下载ngrok2、解压下载文件,打开.exe文件,使用ngrok http 80命令设置反向代理80端口(端口可以根据需要设置)3、在浏览器中输入https://127.0.0.1:4040可以开...

1、下载ngrok

2、解压下载文件,打开.exe文件,使用ngrok http 80命令设置反向代理80端口(端口可以根据需要设置)

3、在浏览器中输入https://127.0.0.1:4040可以开启ngrok用户界面

4、使用npm run dev开启Vue服务器,注意要设置Vue中服务器的端口问80(新版本的Vue-cli搭建的工程需要在webpack.dev.conf.js文件的devServer字段设置disableHostCheck: true才能允许代理访问80端口)

5、在手机中打开https://a7225b69.ngrok.io即可实现反向代理调试Vue项目

作者:网络 来源:quangezai6