手机内网测试本地vue项目

开发手机端时,希望能采用真机测试,当手机、电脑处于同一局域网时,可采用此方法测试。

打开cmd, 输入命令ipconfig,查看本机IP ,例如:192.168.0.33;

  1. vue 项目config/index.js  下的配置:host: 'localhost'  改为 host: '192.168.0.33';
  2. package.json 下的配置 "scripts": { "dev": " XXX" }   改为 "scripts": { "dev": " XXX --host 192.168.0.33" } ;
  3. npm run dev 重新运行项目,手机浏览器访问电脑地址栏的路径

团队开发,提交代码或者打包生产时,一定要还原上述修改,否则导致项目无法运行。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值