vue.js学习之 如何在手机上查看vue-cli构建的项目

Question

首先试了好多方法
1.将ip地址直接改为本地IP电脑上都无法访问
2、将index.js 中host：locahost 改为 host：本地ip 电脑上没有问题 生产二维码 扫描无法访问
3、host：locahost 改为 host：0.0.0.0电脑上没有问题 生产二维码 扫描无法访问

Answer 1

电脑上访问没有问题，手机上不开
这里改成本机ip和0000都不行

Answer 2

得在同一局域网内，地址是本机ip地址，不是locahost

Answer 3

1.你先把开发服务打开npm run dev
2.查看你主机在局域网下的内部ip地址

windows:
    ipconfig
macOS:
    ifconfig

3.在手机上输出这个ip地址,配上你的端口号即可
例如我是192.168.1.66, 提供服务的端口号是8080
手机上输入http://192.168.1.66:8080