电脑编写好的H5项目怎么在手机查看

1. 利用npm serve安装一个服务器

2. 早终端下打开项目的根目录,然后执行指令serve

2CC27703-20B7-4AAD-8A60-8608C4D51FB6.png

注意上面生成的端口号:3000

3.在浏览器中输入localhost:3000

即可显示出你的项目结构

4.执行ifconfig(mac OS)中,获取本机的ip地址

0CA60FA0-9077-4B8C-AA29-C0D54FD412C7.png

通常en0端口下载inet地址就是你的主机ip地址。

5. 将localhost:3000中的localhost换成你电脑的ip地址:http://10.10.197.207:3000,把这个地址发到手机( QQ WeiChat)都可以,即可在手机中查看编写效果。

注意:在你用serve生成的端口号,请求的过程中,不要终止终端的serve指令的运行,否界面将会出现404,在加载的过程中,终端会显示出每条请求加载的信息。

0E6267F1-9E15-4F8A-84CA-EEDB6A2525C4.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 8086汇编 本笔记是笔者观看小甲鱼老师(鱼C论坛)《零基础入门学习汇编语言》系列视频的笔记,在此感谢他和像他一样...
    Gibbs基阅读 37,762评论 8 114
  • 1、第八章 Samba服务器2、第八章 NFS服务器3、第十章 Linux下DNS服务器配站点,域名解析概念命令:...
    哈熝少主阅读 9,175评论 0 10
  • 名词延伸 通俗的说,域名就相当于一个家庭的门牌号码,别人通过这个号码可以很容易的找到你。如果把IP地址比作一间房子...
    杨大虾阅读 20,701评论 2 56
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,990评论 19 139
  • 链接:http://www.liaoxuefeng.com/wiki/0013739516305929606dd1...
    流浪的野兽阅读 1,508评论 0 0

友情链接更多精彩内容