Vue2.0

在 package.json 文件里加入 --host 0.0.0.0，需要重新运行 npm run dev

{"name": "","version": "1.0.0","description": "A Vue.js project","author": "","private": true,"scripts": {"dev": "webpack-dev-server --host 0.0.0.0 --inline --progress --config build/webpack.dev.conf.js","start": "npm run dev","build": "node build/build.js"},"dependencies": {"axios": "^0.18.0","better-scroll": "^1.14.1","fastclick": "^1.0.6","stylus": "^0.54.5","stylus-loader": "^3.0.2","vue": "^2.5.2","vue-awesome-swiper": "^2.6.7","vue-router": "^3.0.1","vuex": "^3.1.0"}
}

Vue3.0

在 package.json 文件里加入 --host 0.0.0.0，需要重新运行 npm run serve

{"name": "","version": "0.1.0","private": true,"scripts": {"serve": "vue-cli-service serve --host 0.0.0.0","build": "vue-cli-service build","lint": "vue-cli-service lint","test:unit": "vue-cli-service test:unit"},"dependencies": {"core-js": "^2.6.5","vue": "^2.6.10","vue-awesome-swiper": "^3.1.3","vue-router": "^3.0.3","vuex": "^3.0.1"}
}

在cmd命令窗口中输入 ipconfig 获取IP

在手机浏览器里输入IP+端口号

注意：手机和电脑要在同一局域网下，也就是连接同一个 Internet 网络

vue移动端的真机测试相关推荐

Sonic 开源移动端云真机测试平台 - 设备中心接入安卓设备实例演示，Agent端服务部署过程详解
Sonic 开源移动端云真机测试平台 - Agent端服务部署与安卓设备接入演示一加8手机连接效果图展示第一章:环境准备 ① agent-sources 资源包下载 ② Android SDK安装 ...
Sonic 开源移动端云真机测试平台 - windows系统下的sonic快速部署演示
Sonic 开源移动端云真机测试平台快速部署演示第一章:Sonic 平台的准备工作与快速部署 ① Docker 的安装 ② MySQL 的安装 ③ docker-compose.yml 文件配置 ④ ...
vue H5移动端项目真机测试配置
vue cli2 1.配置网段:(手机和电脑在同一局域网内) 2.在项目中重启命令行(或者cmd)运行 ipconfig 获取到项目在本机运行的ip地址 3.关闭防火墙 4.前端:config文件夹下 ...
vue菜鸟从业记：完成项目最后一公里之真机测试和打包上线
最近我朋友王小闰他们公司的项目开发已经进入收尾阶段,前后端并行开发的差不多了,联调也调过了,上篇文章里也讲到了,所谓联调,就仿佛在说"我也不知道我的接口文档写的对不对,我们验证一下吧?我也不 ...
IntelliJ IDEA 如何用真机测试安卓（Android）App 实战移动端
目录前言真机测试步骤实战移动端测试前言 https://blog.csdn.net/hanhanwanghaha一个超级无敌可爱的人鸭欢迎您的关注! 欢迎关注微信公众号:宝藏女孩的成长日记 ...
h5移动端开发中配置真机测试
前言在前端开发过程中,时常遇到移动端需求.若是每次部署完成后再查看开发效果,可能过于费时费力,因而需要可直接完成真机测试的配置方法一:查询电脑本地IP地址 1:ctrl/window+r输入cm ...
idea android 真机,IntelliJ IDEA 如何用真机测试安卓（Android）App 实战移动端
前言用IntelliJ IDEA自带的模拟器遇到问题始终没有解决,这个报错死磕几天了,谷歌+百度的各种方法都试了一遍(总感觉是哪里的细节没有解决对).本来想再坚持半天(但是要解决燃眉之急了)不得不放 ...
移动端真机测试，挺实用的。
最近做H5的活动页,突然发现以前使用的ngroke不能用了,需要新的版本的echosite官网,这个还是比较好用的,但是好想是收费了, 我也没有去看,我用的是通过的phpstudy去测试的,当然了,如 ...
uniapp如何真机测试、微信小程序端测试与模拟器测试
1.uniapp如何在真机测试首先,你的手机要打开开发者模式,下拉选择USB调试(各个手机开发开发者模式的方式不同,不懂如何打开USB调试的可以百度搜索). 接着连接数据线,选择文件传输. 最后在H ...

vue移动端的真机测试

Vue2.0

Vue3.0

在cmd命令窗口中输入 ipconfig 获取IP

在手机浏览器里输入IP+端口号

vue移动端的真机测试相关推荐

最新文章

热门文章