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

Posted 水星记_

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在手机端查看PC端上的vue项目(同一网络下)相关的知识,希望对你有一定的参考价值。

创建

前提是已经安装完 nodevue 脚手架
在这里插入图片描述

查看电脑的内网IP

win+r 打开输入 cmd 进入命令行窗口输入 ipconfig 回车
在这里插入图片描述

在这里插入图片描述

修改配置文件

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

在这里插入图片描述

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

手机上显示的页面
在这里插入图片描述

以上是关于在手机端查看PC端上的vue项目(同一网络下)的主要内容,如果未能解决你的问题,请参考以下文章

手机测试vue移动端项目(真机联调)

移动端兼容性问题解决方案

移动端兼容性问题解决方案

移动端兼容性问题解决方案

移动端兼容性问题解决方案

vue2.0 在微信端如何使用本地IP访问项目