手机访问本地开发的angular9项目


需求:本地开发移动端项目时,有时候需要真机实时测试,这时候要是手机能访问本地开发的angular项目就好了,也可以发给小伙伴一块测试,经过几天的摸索,终于实现了,现在发给小伙伴们。

一、环境 & 版本

电脑:mac
版本:angular9

二、使用方法

1. 同一局域网

首先,手机和电脑必须在同一局域网,简单就是电脑和手机需要连接同一个wifi

注:电脑用网线貌似不行哈,需要连接wifi

在这里插入图片描述

  1. 查找电脑ip
    1.mac电脑
    (1)点击wifi图标,打开网络偏好设置
    在这里插入图片描述
    (2)哈哈,这就看到了ip
    在这里插入图片描述
    1. windows电脑
      打开终端,输入ipconfig 就ok了

2.启动angular项目

ng serve --host 192.168.1.68 --open

在这里插入图片描述
最后在电脑或手机上打开就ok了,效果展示
(1)电脑
在这里插入图片描述
(2)手机
在这里插入图片描述

3.重点

(1)手机和电脑要连同一个wifi,
(2)电脑要关闭防火墙

最后,如果帮到你的话,希望小伙伴们打赏一毛钱在这里插入图片描述

在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值