笔记:移动端的真机测试?vue项目测试/普通网页测试
2019-08-05 本文已影响0人
ForeverYoung_06
准备工具:电脑中安装phpstudy,具体如何安装以及安装版本寄几去看官网吧。不同的电脑安装的版本也不同。比如win10什么的,官网都有说的
这里要提前说一下我遇到的问题,我的电脑要把防火墙关了才可以。
首先,启动phpstudy,
然后,把你的项目放在phpstudy下的www目录
然后,电脑和手机在同一域名下,也就是连接同一个网络,
然后,手机浏览器输入当前电脑的ip地址,默认访问的是index
vue项目真机测试:
找到config文件夹下面的index.js,默认是以下

将 host: 'localhost'中的localhost修改成你自己电脑的ip地址,即:

修改之后,npm run dev重启一下项目
在手机浏览器输入http://你的电脑ip,例如http://192.168.0.178
默认访问index页面。
这里依然要注意,手机和电脑在同一域名。通俗的说就是,手机和电脑需要连接同一个无线。