首页 > 移动平台 > 详细

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

时间:2021-05-13 13:32:11      阅读:31      评论:0      收藏:0      [点我收藏+]

1.查看电脑ip

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

    技术分享图片

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

    技术分享图片  

2.修改项目配置

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

    技术分享图片

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

    技术分享图片       技术分享图片         技术分享图片

4.运行项目,npm run dev   

    技术分享图片

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

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

原文:https://www.cnblogs.com/znLam/p/14763945.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!