vue移动端项目如何在真机测试

最新推荐文章于 2024-08-08 16:30:27 发布
最新推荐文章于 2024-08-08 16:30:27 发布
阅读量1.6k 收藏 8
点赞数 1
分类专栏： 前端 vue 文章标签： vue移动端如何真机测试
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45090000/article/details/103241343
版权
前端 同时被 2 个专栏收录
11 篇文章 0 订阅
订阅专栏
vue
3 篇文章 0 订阅
订阅专栏

通常大家在写移动端项目的时候都想在自己手机上测试一下看一下效果确保无误后在上线，虽然许多浏览器都有模拟手机功能但不如真机来的实在那如何测测试呢请看下面
第一步打开搜索栏输入cmd命令打开窗口
在这里插入图片描述
第二步输入ipconfig找到本机ip地址
在这里插入图片描述第三步找到项目下的config文件下的index.js下的host：修改为本机ip地址
在这里插入图片描述
然后重新启动项目npm run dev
把项目地址复制下使用草料二维码生成器 生成二维码用手机扫码即可查看
在这里插入图片描述
点击这里可进入二维码生成网站

测试完不要忘了修改回来重要的事情说三遍！！！！！！
测试完不要忘了修改回来重要的事情说三遍！！！！！！
测试完不要忘了修改回来重要的事情说三遍！！！！！！

giao序员
关注
专栏目录
前端学习笔记-8Vue项目测试-真机测试,
qq_43000359的博客
09-28 529
我把项目做好了，想能看到实际效果，有几种方法： 1.真机测试，（我是用手机开的无线，电脑连手机上的网这样）。 步骤：项目名=>config=>index.js，把host:'localhost’改成 local:‘192.168.41.129’(你自己的ip地址)。 改完以后，重启服务器。 在手机和电脑的浏览器地址栏输入192.168.41.129:8080，都可以看到效果。 （注：此...
成功在手机上真机测试vue项目
weixin_39418338的博客
08-28 364
昨天在手机上真机测试这几天写的vue移动端项目，先尝试下载iTools,iTools是一款专业的设备管理助手，我的手机是OPPOR9，根据查阅资料，使用USB线连接电脑和手机，然后itools会出现手机具体的操作步骤，手机型不一样操作也不一样，这得根据自己的手机来，我按照说明一步步来，操作完之后，会发现手机最上方有（程序员开发模式），这几个字记得不太清楚。把所有的步骤都操作完之后，还提...
vue移动端项目怎么在手机上运行打开
weixin_49577940的博客
07-09 6070
因为现在做的是一个手机端项目 , 所以要在手机上运行看适配, 上传文件, 这几天就上网学了下怎么弄在手机上看, 其实步骤很简单 , 但是想记录一下学习到新技能的开心 ^_^ 手机和电脑连同一个wifi , 或者电脑连你手机的热点 一 , 按电脑window+R , 打开这个页面, 输入cmd,点确定 二 , 在出现的黑窗口中输入ipconfig , 按回车 , 复制IPv4的地址 三 , 打开你项目config文件夹下的index.js,把host后面的地址改成你刚刚复制的.
uniapp+vue3 app开发真机调试，调试器内没有source
最新发布
weixin_43996255的博客
08-08 148
Failed to load URL uni-app:///App.vue with error ERR_UNKNOWN_URL_SCHEME (-302).打的自定义基座包，传统正式包，打包时选择了sourcemap，但是使用hbuildx自带的uni/uvue调试，调试器内的source没有文件，即使文件中有debugger也进入不了。uniapp+vue3 app开发真机调试，调试器内没有source。也有增加配置文件vue.config.js 但是没有效果。​​​​​​如何解决处理？
基于vue2.x开发的在线考试移动端项目源码.zip
06-08
基于vue2.x开发的在线考试移动端项目，主要题型包括单选题、多选题、判断题和填空题，答题后可以自动跳转到下一题，题库可以选择到指定题目处，练习状态绿色代表答对，红色代表答错。
vue移动端项目真机测试
笑望灬星辰
06-11 734
vue移动端项目真机测试 测试阶段为内网环境 将项目启动的 原host localhost 改成 本机内网ip 获取内网ip win + R 输入 cmd 在 然后再输入 ipconfig 回车 这样就可以在手机上测试项目啦 但是接口要记得叫后端处理好跨域哦 ...
vue移动端真机测试
LLL_liuhui的博客
06-03 467
1、打开命令提示符工具，输入ipconfig查看ip地址 2、打开package.json，修改scripts下的dev 3、npm run dev运行项目 4、当pc和手机处于同一局域网，用手机访问ip地址，如：http://192.168.1.102:8080/#/ ...
vue移动端的真机测试
关注最新技术问题并持续维护更新
07-17 1812
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": { ...
vue项目真机测试
二熊不是熊二的博客
03-31 548
windows系统下cmd中输入ipconfig获得本机ip地址（mac系统下输入ifconfig），如下图： 修改package.json（修改配置项文件需要重启服务器），加入一句 --host 0.0.0.0 我们需要的地址就为:http://192.168.137.1:8080，将此地址发送到同一局域网内的手机，即可打开真机进行测试。 也可以借助草料二维码可以生成项目地址...
Vue移动端项目实现使用手机预览调试操作
11-20
最近在开发移动端Vue移动端项目，查了一些资料，这里分享下如何在webpack工具构建下的vue项目，在手机端调试和预览，言归正传。 1.电脑和手机连接到同一个WIFI a.台式电脑和手机同时链接一个路由器，使用同一个wifi...
vue移动端项目实战
09-03
6. 使用移动端调试工具：在开发过程中，可以使用Chrome开发者工具的模拟器或真机调试来测试页面在移动设备上的表现。 7. 打包与发布：使用Vue CLI进行打包，生成可部署的静态文件。可以选择将项目部署到服务器上，...
记录下hbuilderX+vue开发app 真机调试的问题
01-03
原由 找了半天官方的文档也没找到几个靠谱的文档，最后还是慢慢摸索出来的 解决： hbuilderx连接手机调试 一.找到hbuilderx的安装目录并找到plugins 二.找到launcher 三.找到tools目录 四.找到adbs并复制地址 五.添加到系统变量path window+R 输入：set path = %path%;D:\soft\HBuilderX\plugins\launcher\tools\adbs;//追加变量 再次输入path查看系统变量 六.连接到模拟器服务器 输入：adb connect 127.0.0.1:5555//5555为端口号 七.附
vue 移动端应用完整项目模仿qq音乐
08-29
代码npm install安装所有包之后，就可以运行，代码结构清晰，对vue开发者很有帮助
vue项目——ipad采集语音(移动端真机调试)
qq_40556950的博客
11-07 632
目前在做一个移动端网页，主要是在ipad上面使用，项目是用vue-cli3搭建的。当我在WebStorm中运行了之后，现在手机(或者ipad)上面试一下效果。找了很多方法都比较麻烦。想起之前一个简单的方法： 1.首先确保你的手机和电脑使用的同一个网络（局域网） 2.打开package.json文件，在启动命令后加上"–host 0.0.0.0"这段话 2.运行之后，如果电脑是windows系统的...
vue移动端项目如何真机测试
mossbaoo的博客
04-25 2108
在做vue移动端项目的时候，我们都会想着在手机上真机测试一下自己做出来的效果，那么如何实现呢？ 1. 查看IP地址： WIN+R，输入cmd回车，打开命令提示符，输入ipconfig， 查看IP地址 2. 在项目中找到 '/config/index.js' 文件中的host 字段，默认值是'localhost'，修改成自己的IP地址'192.168.x.x' 3. 运行项...
关于移动端 真机测试
chaixing1的博客
03-26 95
移动端 真机测试
如何在移动端测试Vue项目?
TVM的博客
10-19 821
第一步,打开cmd,输入ipconfig  我们获取到方框内的端口号,比如 xx.xx.x.xxx 我们打开项目中的config/index.js ,将这个替换其中的host 比如我们之前需要的是localhost:8888/news.html 那么我们将服务运行起来之后,就变成了 xx.xx.x.xxx:8888/news.html 如果你觉得在手机浏览器上手动输入很麻烦,那么...
vue项目如何真机测试
weixin_56496578的博客
06-03 1061
vue
Vue移动端项目搭建与流程详解
Vue移动端项目流程还包括组件化开发、路由配置（通过vue-router）、状态管理（如Vuex）、API接口请求（axios或其他库）、性能优化、测试（Jest或Mocha）等方面。Vue CLI还支持添加这些特性，只需运行相应的命令即可...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值