在手机端查看PC端上的vue项目(同一网络下)

创建

前提是已经安装完 nodevue 脚手架
在手机端查看PC端上的vue项目(同一网络下)_第1张图片

查看电脑的内网IP

win+r 打开输入 cmd 进入命令行窗口输入 ipconfig 回车
在手机端查看PC端上的vue项目(同一网络下)_第2张图片

在手机端查看PC端上的vue项目(同一网络下)_第3张图片

修改配置文件

找到项目中的 config 文件夹下面的 index.js 文件,将 host 的值修改为电脑的 IP 地址,port 不用改

在手机端查看PC端上的vue项目(同一网络下)_第4张图片

重新启动项目,在手机端打开浏览器,输入 192.168.1.238:8080 即可

手机上显示的页面
在手机端查看PC端上的vue项目(同一网络下)_第5张图片

你可能感兴趣的:(前端,vue,vue)