vue移动端项目在手机上调试

1.电脑和手机要连同一个wifi 一定是复制无线网的IP，而不是以太网的IP

2.在你的电脑上查找无线网络的ipv4地址：

　查找方法：windows+r 然后再输入框里输入cmd 回车会出现这样：

然后输入ipconfig 然后回车你会看到一个ipv4的地址。复制这个地址

3.在vue中找到config下的index 找到host 将host的值localhost改为刚才复制的那哥ipv4地址即可

4.重启项目： npm run dev

5.项目运行成功后例如：http://192.168.0.110:8888 就可以把链接复制在手机上查看了

vue移动端项目在手机上调试相关推荐

vue移动端项目实现真机调试
在vue移动端项目中,我们可以通过真机调试来更好的看到项目实际运行在移动端的效果. 下面就来介绍一下实现的方法: 1.使手机与电脑连接在同一个wifi下 2.修改vue.config.js文件配置将 ...
apicloud项目如何在手机上调试
前言 apicoud项目做好了如果想要在手机上同步查看效果的话,就必须学会怎么和真机同步,下面是2019年3月7日最新版本的APICloud软件怎么和手机同步的详细步骤,本人亲自实践的! 查看真机调试 ...
vue移动端项目缓存问题实践
最近在做一个vue移动端项目,被缓存问题搞得头都大了,积累了一些经验,特此记录总结下,权当是最近项目问题的一个回顾吧! 先描述下问题场景:A页面->B页面->C页面.假设A页面是列表页面, ...
Vue 移动端项目创建
前言移动端我们一般通过Vue脚手架手动自定义创建项目, 只需要Node环境我们就可以通过npm下载Vue脚手架,通过命令创建项目. npm下载脚手架 npm install -g @vue/cli ...
vue移动端项目日历组件，月周切换，点击进入上/下一个月
项目场景: Vue移动端项目的日历组件,移动端如果没有别的特别要求,一般用vant中的日历组件就OK,这里用的另一个.组件是网上找的,原网址:vue-hash-calendar,需要的请自行去看. 我 ...
Vue移动端项目---尚硅谷外卖
文章目录 Vue移动端项目--尚硅谷外卖项目目录结构介绍移动端适配头部和底部导航登录注册页面密码登录短信登录 Profile页面未登录已登录 Msite页面首页导航 ShopList ...
vue移动端项目实现定位
vue移动端项目实现定位腾讯地图官方地址 <template><div><div id="container&q ...
在手机上调试，输出Debug信息到计算机
在真实的手机设备上调试比在模拟器上调试更加准确,而且不必使用昂贵的硬件调试设备.前面我们提到过,在手机上调试, 需要安装调试代理,有两不同的机上调试代理,分别为:Application TRK和Sys ...
vue移动端项目基础框架搭建
本文章,主要提供vue移动端项目基础框架搭建思路,每个独立的模块网上有很多相关的文档. 移动端vue项目基础框架搭建,主要包括6个步骤项目使用的脚手架vue-cli搭建模板,2.使用淘宝lib-fl ...

vue移动端项目在手机上调试

vue移动端项目在手机上调试相关推荐

最新文章

热门文章