网页的Vue项目怎么在手机上面测试

已于 2022-10-14 11:13:49 修改
阅读量2.2k 收藏
点赞数
分类专栏： vue 文章标签： vue.js 前端
于 2018-09-13 14:23:40 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Kratial/article/details/82687439
版权

注意：以下操作必须保证你的手机与电脑在同一局域网下

将访问地址变为你的ipconfig之后得到的那个ip地址
复制地址到手机浏览器即可

Kratial
关注
专栏目录
hbuilder项目和页面在手机上运行|vue项目在手机上运行|django项目在手机上运行
yangyangdt的博客
01-26 4248
hbuilder项目和页面在手机上运行|vue项目在手机上运行|django项目在手机上运行
Vue项目的真机测试
zl13015214442的博客
03-01 1187
在命令行运行ifconfig（Linux系统）或是ipconfig（Windows系统），我们要获取到当前机器的一个IP地址，可以看到，当前这台机器的内网的一个IP地址为192.168.43.50： 在浏览器里，我们输入192.168.43.50，也是指的这台机器，他的8080端口和我们的localhost的8080端口是一样的，但是却访问失败，原因是我们前端的项目是通过webpack-dev...
Vue项目在移动端调试办法
最新发布
yodoyskts的博客
08-20 289
记录一下有些同学在写项目的时候不可避免的会在移动端展示，但是移动端又无法看到后台的参数和接口调用情况，本篇文章提供一个最简便便捷的办法供大家参考：通过vConsole来调试。引入完成之后重启一下项目就会在项目中出现一个vConsole的标签：如下图。这样在移动端想调试项目的时候点击这个标签就会打开vconsole的调试。当然在发版的时候记得把man.js里的vconsole注释掉哦。第二步：在man.js中引入vConsole。第一步：安装vConsole。
vue项目如何在手机上做测试调试
weixin_45108907的博客
02-18 2141
1，在config文件加下的index.js的host地方，改成电脑的ip地址 2，可进入cmd命令，获取本地的IP地址 3，重启一下项目，vue-cli2使用npm run dev 即可 4，可以使用二维码，微信扫一扫调试项目 5，如果想在手机浏览器中调试， 一，保证在同一局域网下，手机和电脑使用同一个WiFi网络， 二，然后输入ip地址和端口，点击保存即可。成功后可在浏览器中输入http...
vue项目如何在手机上面做测试
weixin_43617604的博客
08-27 850
vue项目如何在手机上面做测试 做好了vue项目，然后想在手上跑一遍 1 在项目的config/index.js中修改host为自己电脑的ip地址 2 如果不知道自己电脑的ip地址的话，可进入cmd命令，输入ipconfig便可看到自己的ip地址： 3 然后就重新运行一下vue项目，便可以通过http://ip地址:8080/来访问。例如你的ip地址为192.176.56.87，你就...
vue 项目在手机上调试
weixin_47409897的博客
01-08 512
vue 项目在手机上调试 cmd，打开自己电脑终端，输入ipconfig，就能看到自己电脑的ip地址了 vue.config.js文件 module.exports = { devServer: { host: '192.168.1.6', // 将浏览地址的本地服务修改为本机ip地址，用来到手机上测试 port: 8080, //端口号 }, } 然后项目启动的时候，直接访问：Network: http://10.0.XXX/
vue项目在安卓低版本机显示空白的原因分析(两种)
12-09
在开发Vue.js应用时，可能会遇到一个问题，即项目在安卓低版本手机上显示空白。...遵循以上步骤，可以有效避免Vue项目在安卓低版本机上显示空白的问题。记住，良好的错误处理和兼容性测试是提升用户体验的关键。
使用vue做的手机端商城界面8个页面
06-28
2. **Vue 单文件组件（Single File Components, SFCs）**：Vue项目中的每个页面通常被组织为一个单文件组件，包含HTML、CSS和JavaScript代码，这提高了代码的可读性和可维护性。 3. **路由管理（Vuex Router）**：...
vue在手机中通过本机IP地址访问webApp的方法
10-18
这种方式在桌面浏览器中通常很有效，但在移动设备上测试时，直接使用`localhost`是不可行的，因为`localhost`是一个指向本地计算机的回环地址，手机无法识别。在开发Vue应用的过程中，如果想要在手机上通过本机的IP...
vue项目在本地测试微信公众号JS SDK
啊哈前端的专栏
12-27 1882
1、Fiddler设置 2、vue.config.js配置 3、公众号配置 3.1、网页域名白名单 3.2、设置JS接口安全域名
Vue项目怎么在手机上面测试
freewlt
11-26 453
1.修改config文件夹下面的index.js文件 找到host: ‘localhost’,修改为：host: ‘0.0.0.0’ module.exports = { dev: { host: '0.0.0.0', port: 8083, } } 2.运行在命令行输入：npm run dev 然后复制链接到浏览器， 将ip地址变为你的ipconfig之后得...
vue 移动端项目如何在手机上演示
HaushoLin的博客
09-28 1644
打开cmd 输入ipconfig 找到ipv4 对应的IP地址 复制到vue项目中的package.json中的scripts --> serve的值vue-cli-service serve 后面加上 --host和你的ipv4地址，在npm run serve就可以把链接复制在手机上查看了，手机就可以访问本地电脑的项目了 在package.json文件中添加本地ipv4地址 "scripts": { "serve": "vue-cli-service serve --host 192.16
手机想调试pc端的vue项目（有端口号的项目均适用）
m0_55315930的博客
03-09 853
本地运行的pc端项目，想要适配手机端，想看查看一下项目在手机端的界面样式。可以采用这种办法。
vue移动端项目怎么在手机上运行打开
weixin_49577940的博客
07-09 6106
因为现在做的是一个手机端项目 , 所以要在手机上运行看适配, 上传文件, 这几天就上网学了下怎么弄在手机上看, 其实步骤很简单 , 但是想记录一下学习到新技能的开心 ^_^ 手机和电脑连同一个wifi , 或者电脑连你手机的热点 一 , 按电脑window+R , 打开这个页面, 输入cmd,点确定 二 , 在出现的黑窗口中输入ipconfig , 按回车 , 复制IPv4的地址 三 , 打开你项目config文件夹下的index.js,把host后面的地址改成你刚刚复制的.
手机端访问本地vue项目
a12hhhe的博客
08-27 4932
1.电脑和手机共用同一网络 2.查看电脑IP 命令行输入 ipconfig ，找到IPv4 地址就是你的本机IP地址；注意不是在浏览器直接输入IP显示的那个外网IP地址 3.在Vue项目下找到config目录下的index.js文件 把index.js中的host值 localhost 修改为你的 IP 地址 4.注意把项目中的地址，如下：localhost都改为以上IP地址 ...
关于vue项目，用手机来查看项目。
心有猛虎
10-16 1817
由于有时候谷歌手机调试与真实的手机环境还是有一定的差距。   第一步，开启你的vue项目  第二步，打开项目config/index.js文件，然后找到 module.exports 配置里面的 dev 配置，修改字段host:0.0.0.0，如下图：   第三步：cmd 打开管理器，然后输入ipconfig 查询本机ip    然后npm run dev 启动vue项目  ...
Vue项目中的Jest测试入门
"本文档介绍了如何在Vue项目中使用Jest进行测试，包括Jest的基本概念、优势，以及在Vue项目中的具体应用步骤。" 在Vue项目中采用Jest进行测试是一个明智的选择，因为Jest提供了许多优势。首先，Jest是一个由...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值