美文网首页
笔记:移动端的真机测试?vue项目测试/普通网页测试

笔记:移动端的真机测试?vue项目测试/普通网页测试

作者: ForeverYoung_06 | 来源:发表于2019-08-05 15:54 被阅读0次

准备工具:电脑中安装phpstudy,具体如何安装以及安装版本寄几去看官网吧。不同的电脑安装的版本也不同。比如win10什么的,官网都有说的
这里要提前说一下我遇到的问题,我的电脑要把防火墙关了才可以。
首先,启动phpstudy,
然后,把你的项目放在phpstudy下的www目录
然后,电脑和手机在同一域名下,也就是连接同一个网络,
然后,手机浏览器输入当前电脑的ip地址,默认访问的是index

vue项目真机测试:
找到config文件夹下面的index.js,默认是以下


40be474755951cbce54ab1a0c2f7667.png

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


78c31f51d5f481799e6fa6e1f6fe37e.png
修改之后,npm run dev重启一下项目
在手机浏览器输入http://你的电脑ip,例如http://192.168.0.178
默认访问index页面。

这里依然要注意,手机和电脑在同一域名。通俗的说就是,手机和电脑需要连接同一个无线。

相关文章

网友评论

      本文标题:笔记:移动端的真机测试?vue项目测试/普通网页测试

      本文链接:https://www.haomeiwen.com/subject/upumdctx.html