关于vue项目,用手机来查看项目。

由于有时候谷歌手机调试与真实的手机环境还是有一定的差距。

 

第一步,开启你的vue项目 

第二步,打开项目config/index.js文件,然后找到 module.exports 配置里面的 dev 配置,修改字段host:0.0.0.0,如下图:

 

第三步:cmd 打开管理器,然后输入ipconfig 查询本机ip 

 

然后npm run dev 启动vue项目  ,结果如下

 

最后打开在本机地址栏输入地址:

此处的端口号要和本机的IP端口号一致 

然后就可以通过手机和电脑访问了 ,必须要保持在同一个局域网下,例如同一WiFi下。

 

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值