vue项目在移动端本地运行及本地调试

本文介绍如何通过手机浏览器调试运行在本地电脑上的Vue项目。主要内容包括:确保手机与电脑连接同一WiFi,获取电脑IP地址,修改Vue项目的host设置,并使用二维码实现手机端访问调试。

手机端本地运行

1、确保手机和电脑连接同一个wifi

2、查询电脑的IP地址

(WIN+R ,命令:ipconfig   找到IPv4地址)

3、修改vue项目config下index.js的host内容替换为第二步查找的IP地址

4.重新运行项目,百度'草料二维码',利用草料二维码将运行地址生成二维码,微信扫一扫即可。

手机端调试

找到vue项目下index.html,将下面代码贴上去,点击右下角齿轮即可调试

<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/eruda"></script>

<script>eruda.init();</script>

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值