vue运行项目到手机

最新推荐文章于 2024-04-26 16:49:42 发布
原创 最新推荐文章于 2024-04-26 16:49:42 发布 · 693 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

vue cli2.96的话打开在这里插入图片描述
在这里插入图片描述
原来是localhost
本机ip直接cmdipconfig有个IPV4就是地址
运行一下就可以了

firefox丶ddk
关注
同wifi时用手机访问运行的项目-vue3的H5项目从0到1工程化落地经验篇4
王月Lydia的博客
04-25 616
这是vue3的H5项目从0到1工程化落地经验的第4篇，有了这个系列你可以从0创建一个自己的h5项目，并且里边涉及到的常用的点都会包含到。本来想写成一篇，但是太长了，搞得编辑器都卡了。所以我拆分成了一系列的文章，在文章尾部能看到其他链接，如有不当之处，欢迎大神不吝赐教。本篇解决同wifi下手机如何访问电脑起的项目的问题。
hbuilder项目和页面在手机上运行|vue项目在手机上运行|django项目在手机上运行
yangyangdt的博客
01-26 4693
hbuilder项目和页面在手机上运行|vue项目在手机上运行|django项目在手机上运行
手机端访问本地vue项目
liuzaixi的博客
04-26 1679
devServer添加配置： host: “0.0.0.0”, disableHostCheck: true。注意不是在浏览器直接输入IP显示的那个外网IP地址。
vue 项目在手机运行效果
ATwins
10-18 4304
我一般是使用草料的二维码生产：https://cli.im 先查询自己的电脑IP>按住WIN窗口+R弹窗后输入 ipconfig  就可以查看自己电脑的IP 就在自己的项目工程中修改IP地址： 在VUE项目中找到config文件下的dev:host及port host:是自己电脑的IP地址  // host:'192.168.XXX.XXX' port:是端口号  // 如8080...
vue项目怎么在手机上运行？
weixin_30349597的博客
03-09 3353
打开cmd 输入ipconfig 找到ipv4 对应的IP地址 复制到vue项目中的config/index.js中的host 在npm run dev就可以把链接复制在手机上查看了 转载于:https://www.cnblogs.com/blog-akang/p/10500011.html...
手机上运行vue3.0项目
niannianxi的博客
09-05 3225
在手机上调试vue3.0项目时需进行以下几步： 1. 按下windows+R，输入cmd，在电脑终端下，输入ipconfig，获取ip地址（IPv4对应的值） 2.在与package.json同级目录下创建vue.config.js文件 在vue.config.js中输入第一步获取的ip地址及端口号 ps：vue-cli3工程文件夹中是没有vue.config.js这个文件的，所以我们需要自己创建一个，有该文件在文件内输入即可‘ 3.在编译器上运行npm run dev,到手机上输入项目启动后 netw
Vue移动端项目实现使用手机预览调试操作
10-15
在开发Vue移动端项目时，确保应用在手机设备上运行良好并进行实时调试是至关重要的。以下将详细讲解如何实现这一过程： 1. **共享网络连接**：首先，确保你的电脑（无论是台式机还是笔记本）和手机都连接到同一个Wi...
mobile-web:Vue移动端案例项目
04-15
项目设置部分，开发者需要通过“npm install”来安装项目所需的依赖包，这是Node.js的包管理工具，用于下载和管理项目运行所需的模块。接着，“npm run serve”用于启动本地开发服务器，它会自动编译源代码，并提供...
基于Vue的店铺装修手机预览设计源码
最新发布
09-23
基于Vue的店铺装修手机预览设计源码项目，是一个为电子商务领域量身打造的工具，它不仅能够提供丰富的视觉效果，还兼具强大的功能性和便捷的操作流程，极大地提升了移动端的用户体验和商家的设计效率。随着技术的...
vue项目如何在手机上面做测试
祗想安静地的博客
08-28 1万+
做好了vue项目，然后想在手上跑一遍     在项目的config/index.js中修改host为自己电脑的ip地址：  如果不知道自己电脑的ip地址的话，可进入cmd命令，输入ipconfig便可看到自己的ip地址： 然后就重新运行一下vue项目，便可以通过http://ip地址:8080/来访问。例如你的ip地址为192.176.56.87，你就可以在浏览器中输入http://19...
vue移动端项目怎么在手机上运行打开
weixin_49577940的博客
07-09 6792
因为现在做的是一个手机端项目 , 所以要在手机上运行看适配, 上传文件, 这几天就上网学了下怎么弄在手机上看, 其实步骤很简单 , 但是想记录一下学习到新技能的开心 ^_^ 手机和电脑连同一个wifi , 或者电脑连你手机的热点 一 , 按电脑window+R , 打开这个页面, 输入cmd,点确定 二 , 在出现的黑窗口中输入ipconfig , 按回车 , 复制IPv4的地址 三 , 打开你项目config文件夹下的index.js,把host后面的地址改成你刚刚复制的.
vue 移动端项目如何在手机上演示
HaushoLin的博客
09-28 1743
打开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
让vue能在手机上运行配置
weixin_30488313的博客
11-15 164
1.找到config 里头index.js插入配置本机IP地址 /** . * @returns {String} 本机ip地址 */ function getIPAdress(){ var interfaces = require('os').networkInterfaces(); for(var devName in interfaces){ var iface = i...
vue-cli3项目中怎么到手机上调试
小傲哥哥的博客
02-18 2924
虽说电脑上也能切换到手机模式调试，但我总感觉还差那么点什么，一直想到自己真正手机上调试项目，百度找了下，综合了好几遍文章，现在我明白了，现在分享给大家： 首先，vue-cli3工程文件夹中是没有vue.config.js这个文件的，所以我们需要自己创建一个； 然后再打开自己按一下windows加R键，输入cmd，打开自己电脑终端，输入ipconfig，就能看到自己电脑的ip...
vue项目如何在手机上做测试调试
weixin_45108907的博客
02-18 2253
1，在config文件加下的index.js的host地方，改成电脑的ip地址 2，可进入cmd命令，获取本地的IP地址 3，重启一下项目，vue-cli2使用npm run dev 即可 4，可以使用二维码，微信扫一扫调试项目 5，如果想在手机浏览器中调试， 一，保证在同一局域网下，手机和电脑使用同一个WiFi网络， 二，然后输入ip地址和端口，点击保存即可。成功后可在浏览器中输入http...
手机访问VUE项目
周家大小姐
05-16 4712
1.修改config 修改config文件夹下的index.js文件: module.exports = { dev: { hotst: 'localhost'//改为你当前config中的ipv4的地址 } } 1 2 3 4 5 2.查询本地ip ctrl+r输入cmd回车,打开命令提示符,输入ipconfig,查看本地ip,将项目url中的...
如何使用手机预览Vue项目（移动端）
热门推荐
手掌日月摘星辰
06-28 2万+
1、在命令行中输入npm run dev ，启动自己的vue项目，例：http://localhost:8081/#/goods，可以在浏览器预览2、那么如何在手机端预览vue项目呢？WIN+R，输入cmd启动命令行工具，输入ipconfig查看本机ip3、本机ip替换localhost，例：http://192.168.1.171:8081/#/goods，预览效果不变4、使用草料二维码，将ht...
Vue项目打包成移动App以及在手机上运行
weixin_44068394的博客
03-16 2975
使用工具HBuilder 或者是HBuilder X 将完成的Vue项目打包 (build)后的dist文件放入编译器,在HBuilder中直接右键选择转换为移动App即可，在HBuilder X中要先新建一个5+App项目 在新建的test项目中，除了App配置文件manifest.json，其他文件可以全都删除掉。然后，将之前打包好的vue项目中的dist文件夹中的所有文件复制到...
hbuilder运行vue项目
07-27
7. 在运行面板中，你可以选择在浏览器中运行项目或者在手机模拟器中运行项目。点击相应的按钮来选择你想要的运行方式。 8. 如果选择在浏览器中运行项目，HBuilder会自动打开一个新的浏览器窗口，并加载你的Vue项目...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值