本地H5页面(vue项目)如何在手机上查看

1.查看电脑ip

  windows系统:终端输入ipconfig,找到IPv4地址

    本地H5页面(vue项目)如何在手机上查看

  mac系统:终端输入ifconfig,找到inet

    本地H5页面(vue项目)如何在手机上查看  

2.修改项目配置

  项目中找到webpack.config.js文件,将host地址改为电脑的ip地址,(以mac系统地址为例)

    本地H5页面(vue项目)如何在手机上查看

3.配置手机代理--(手机连接的网段必须与电脑为同一个网段),以iphone为例,(将手机代理为电脑ip)

    本地H5页面(vue项目)如何在手机上查看       本地H5页面(vue项目)如何在手机上查看         本地H5页面(vue项目)如何在手机上查看

4.运行项目,npm run dev   

    本地H5页面(vue项目)如何在手机上查看

5.将网址输入手机即可查看

本地H5页面(vue项目)如何在手机上查看

上一篇:appium 【已解决】Android,每次启动手机中都会安装Appium settings和Unclock的方法


下一篇:iOS的Image Not Found问题