手机上运行vue3.0项目

在手机上调试vue3.0项目时需进行以下几步:

1. 电脑上按下windows+R,输入cmd,在电脑终端下,输入ipconfig,获取ip地址(IPv4对应的值)

在这里插入图片描述ps:每次连接不同的wifi需要重新进行该步,ip地址会发生变化

2.在与package.json同级目录下创建vue.config.js文件

在vue.config.js中输入第一步获取的ip地址及端口号
在这里插入图片描述

ps:
注意端口号不要发生冲突;
vue-cli3工程文件夹中是没有vue.config.js这个文件的,所以我们需要自己创建一个,有该文件在文件内输入即可

3.在编译器上运行npm run dev,项目启动后,到手机上输入 network 后面的地址即可

在这里插入图片描述

ps:若手机上无法运行,需检查

1.手机和电脑是否处于同一wifi下;
2.电脑防火墙是否关闭

附带关闭电脑防火墙步骤:
①搜索控制面板;
②依次进入 系统和安全 ->Windows Defender 防火墙;
③点击右侧 启用或关闭Windows Defender 防火墙;在这里插入图片描述

④关闭防火墙
在这里插入图片描述
注意查看完项目后记得关闭防火墙哦~

在手机上查看项目时,自己走了弯路,希望记录下来,自己以后不会忘记,fighting!!!

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值