vue-cli 构建的项目,本地手机端预览

前提: 手机和电脑在同一wifi下

一:打开项目的package.json文件,修改里面的script里面的dev

在这里插入图片描述
在dev 键值最后边加上

--host 192.168.199.196

192.168.199.196 就是自己的本地ip地址
windows 查看ip 地址 打开终端,或者git bash
输入 ipconfig
里边的ipv4 就是自己的本地ip

mac 查看ip ,也是打开终端
输入 ifconfig
inet 后边的ip 地址就是本地ip

二:修改好了之后本地电脑访问要把之前网址的localhost换成自己的电脑ip地址;
三:windows要关闭自己的电脑防火墙! mac 可以省略这一步
四: 重新启动项目 在手机浏览器上输入电脑上的本地项目网址就可以查看,
而且还可以实时更新,一边写代码编译完成后手机浏览器可以自动更新!很方便;

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值