美文网首页
笔记:移动端的真机测试?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