由于有时候谷歌手机调试与真是的手机环境还是有一定的差距,所以需要在手机上测试项目。

手机上测试vue-cli构建项目方法:

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

 打开项目config/index.js文件,找到module.exports配置里面的dev配置,修改host值:

     在开发过程中,如何在手机上测试vue-cli构建的项目 随笔

   方法一: 修改host值为0.0.0.0(推荐)

      这样就可以通过ip和localhost两种方式访问项目:http://localhost:8080 或者 http://10.177.16.31:8080

   方法二: 修改host值为自己的ip

      这样只能通过ip进行访问项目:http://10.177.16.31:8080

   

  

 

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄