美文网首页
vue项目如何在移动端预览

vue项目如何在移动端预览

作者: 糖小七lxc | 来源:发表于2019-03-10 02:04 被阅读0次

    做好的vue项目想在移动端去预览,测试效果。

    查看本地IPv4

    win+r 输入cmd,然后确定,输入ipconfig查看IPv4。
    如下图:


    ipconfig.PNG
    ipv4.PNG

    修改IP地址

    找到项目中的config文件夹中的index.js,修改文件中的host,改成本机的ipv4。
    如下图:


    修改项目host.PNG

    同一个wifi

    将手机和电脑连接在同一局域网下,简单的讲可以连接同一个wifi 。

    制作二维码

    二维码制作地址:https://cli.im/

    二维码内容.PNG

    运行项目

    npm run dev
    

    手机扫描二维码内容或在手机浏览器中直接输入二维码制作的内容即可。

    相关文章

      网友评论

          本文标题:vue项目如何在移动端预览

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