首页 > 技术文章 > 本地H5页面(vue项目)如何在手机上查看

znLam 2021-05-13 11:41 原文

1.查看电脑ip

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

    

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

     

2.修改项目配置

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

    

 

 

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

                             

4.运行项目,npm run dev   

    

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

推荐阅读