手机查看本地的vue项目方法

最新推荐文章于 2023-01-06 19:02:13 发布
最新推荐文章于 2023-01-06 19:02:13 发布
阅读量244 收藏
点赞数
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dreamy_wx/article/details/117127432
版权
本文介绍了如何在PC和手机处于同一网络环境下，通过填写IP地址在本地启动项目并用手机预览。关键步骤包括设置主机IP，确保设备连接在同一网络，并了解如何使用内网穿透工具，如文中链接提供的教程，以便在不同网络条件下分享项目给他人。
摘要由CSDN通过智能技术生成
瘦瘦瘦瘦不了
关注
专栏目录
Android启动http运行vue程序.rar
12-24
Android运行vue打包后的程序，部署再android本地，目的是使用vue做android的单机应用。
Vue移动端项目实现使用手机预览调试操作
11-20
最近在开发移动端Vue移动端项目，查了一些资料，这里分享下如何在webpack工具构建下的vue项目，在手机端调试和预览，言归正传。 1.电脑和手机连接到同一个WIFI a.台式电脑和手机同时链接一个路由器，使用同一个wifi...
关于vue项目，用手机来查看项目。
心有猛虎
10-16 1834
由于有时候谷歌手机调试与真实的手机环境还是有一定的差距。   第一步，开启你的vue项目  第二步，打开项目config/index.js文件，然后找到 module.exports 配置里面的 dev 配置，修改字段host:0.0.0.0，如下图：   第三步：cmd 打开管理器，然后输入ipconfig 查询本机ip    然后npm run dev 启动vue项目  ...
vue项目怎么在手机查看
豪先生的博客
09-24 4008
可能，我们连接同一个网络以后，在手机浏览器输入第二个网址，发现手机端还是不能访问服务。这时候我们把电脑的防火墙关闭一下就好了。一个是本地的，一个是网络的。在手机浏览器地址栏输入第二个网址（这个时候再重新用手机查看vue项目第二个网址，就可以查看项目。【注意】：我们的手机和开启服务的电脑要连入同一个网络。然后点击 公用网络，然后 关闭防火墙。启动一个项目之后，会出现两个网址，），我们可以在手机端查看我们的。选择-windows防火墙。点击电脑左下角的【设置】
使用手机查看vue项目
蓝枫秋千的踩坑记录
01-03 554
将项目进行打包 npm run build 打包后找到项目根目录下config目录下的index.js文件 将原来localhost替换成0.0.0.0 查看本机ip windows使用cmd进入控制台,输入ipconfig即可查看 mac打开终端输入nslookup localhost即可查看 将浏览器地址栏的url的0.0.0.0替换成你的本机ip 然后复制这个url使用草料二维码生成二维...
如何在手机上查看vue-cli构建的项目
五颜六色的白
06-26 393
我自己用下面的方法是有效的： 1.找到无线网络局域网ip 按住window+R键，输入cmd，回车，在弹出的框内，输入ipconfig，回车 在展示的结果中，有一个以太网的ip，有一个无线网的ip，复制无线网络的ipv4地址，如192.168.0.62 2.为项目设置运行ip 打开vue项目的config文件夹中的index.js文件，在dev对象中，host的值由’localhost’改为上面复...
vue项目中播放rtmp视频文件流的方法
10-14
在Vue项目中实现RTMP视频文件流的播放，通常会面临H5的`<video>`标签不支持RTMP格式的问题。为了解决这个问题，我们可以借助第三方插件Vue Video Player，它是一个基于Video.js的Vue组件，能够处理包括RTMP在内的...
vue-cli项目无法用本机IP访问的解决方法
12-11
启动vue-cli项目服务，用本机IP无法访问此网站，拒绝了我们的链接请求。从而无法从手机上预览效果 原因分析 在我们的bulid目录下有一个webpack.dev.config.js的配置文件，发现devServer对象里的host属性取自process....
完美解决通过IP地址访问VUE项目的问题
10-15
在开发Vue项目时，我们通常使用`localhost`或者`127.0.0.1`来运行项目，但这只允许我们在本地环境进行测试。如果需要让其他设备（如手机或另一台电脑）访问我们的Vue应用，我们就需要通过IP地址来访问。本文将详细...
移动端vue的项目如何在手机上实时调试查看呢
lannieZ的博客
09-02 722
首先第一步：找到vue的项目config文件夹下的index.js 第二步：找到dev这个对象里的host的参数，改成你当前电脑的IP地址 注意：不要加上http，否则会报错 cmd 打开命令运行符，输入“ipconfig”查询本地 IP； 第三步：然后重新dev项目，就可以用你当前电脑的IP地址进行访问了 ...
vue项目在手机上查看输出信息
xc9711的博客
06-16 771
在vue项目中，你没办法通过像电脑一样，按F12可以很方便快捷的查看写的代码的结果和信息，在手机上你想这样的话需要借助于组件。 其实我已经用这个方式查看vue项目的输出信息很久了，但是一直有很多事情耽搁住，直到现在才想起来；那么，这个文章就来教大家如何引入吧 引入 第一步 使用 命令安装vconsole，安装完之后可以看到自己项目的package.json有它的信息 第二步 在引入vconsole 第三步 其实没有第三步了，做完这些，你就可以正式在手机上看到一个图标 可以看到一个vConsole图标 点开
本地h5页面如何在手机上预览 ---完美实现。
qq_45530512的博客
11-03 1690
本地h5页面如何在手机上预览 ---完美实现。
如何在手机上访问vue项目
Lskytory的博客
08-21 5233
如何在手机上访问vue项目： (借鉴) 1.找到无线网络局域网IP 按住window+R键，输入cmd，回车，在弹出的框内，输入ipconfig，回车 在展示的结果中，有一个以太网的ip，有一个无线网的ip，复制无线网络的ipv4地址，如192.168.1.3 2.为项目设置运行IP 打开vue项目的config文件夹中的index.js文件，在dev对象中，host的值由’local...
vue移动端项目怎么在手机上运行打开
weixin_49577940的博客
07-09 6160
因为现在做的是一个手机端项目 , 所以要在手机上运行看适配, 上传文件, 这几天就上网学了下怎么弄在手机上看, 其实步骤很简单 , 但是想记录一下学习到新技能的开心 ^_^ 手机和电脑连同一个wifi , 或者电脑连你手机的热点 一 , 按电脑window+R , 打开这个页面, 输入cmd,点确定 二 , 在出现的黑窗口中输入ipconfig , 按回车 , 复制IPv4的地址 三 , 打开你项目config文件夹下的index.js,把host后面的地址改成你刚刚复制的.
android调用vue的方法,安卓如何调用vue中methods的方法？？？？？？
weixin_39946327的博客
05-27 1038
1.JS代码//window.onload = function() {var MyComponent = Vue.extend({methods: {vfunc: function() {alert();}},created() {window.vue = this}});var vm = new Vue({el: '#app',components: {'my-component': MyCo...
手机浏览器查看vue项目
Serena_tz的博客
09-16 2627
在手机浏览器上面我们可以直接查看vue项目。在有网的条件下，我们使用指令npm run serve启动一个项目，会出现两个网址，一个是本地的，一个是网络的。在手机浏览器地址栏输入第二个网址（Network），我们可以在手机端查看我们的vue项目。 【注意】：我们的手机和开启服务的电脑要连入同一个网络。 ...
如何在手机端查看vue-cli构建的项目
qq_43103581的博客
08-31 239
当我们用脚手架构建一个H5项目时，势必要在手机上查看该项目，在电脑上，直接 localhost:端口 就可以插件，那手机端呢？ 1.首先查看电脑的ip地址（mac在终端输入ifconfig） 2.找到config文件夹下的 index.js ,再将 host: ‘localhost’，改为host: ‘xx.xx.xx.xx’，重启（npm run dev） 3.在...
如何在手机上查看本地vue服务代码
my_roads的博客
09-30 643
1.下载一个uTools 下载链接：https://www.u.tools/ uTools介绍：https://u.tools/docs/guide/about-uTools.html#utools-%E6%98%AF%E4%BB%80%E4%B9%88%EF%BC%9F 2.再uTools里面下载一个插件（hosts切换） 3.修改本地hosts指向： localhost代指后端接口域名前缀 4.下载fiddler抓包工具 ...
查看本机安装的vue，node，npm版本
qq_57224204的博客
01-06 4474
node，vue，npm版本查看
电脑和手机在同一个wifi下怎么访问本地vue项目地址
最新发布
06-02
首先，需要确保电脑和手机都连接在同一个WiFi网络下。 然后，在电脑上启动Vue项目，可以通过命令 `npm run serve` 或者 `yarn serve` 启动本地开发服务器。默认情况下，Vue项目会在本地的 `http://localhost:8080/` 地址上运行。 接着，在手机上打开浏览器，输入电脑的局域网IP地址和端口号，例如 `http://192.168.0.100:8080/`，就可以访问电脑上运行的Vue项目了。其中，`192.168.0.100` 是电脑的局域网IP地址，可以在电脑上通过命令 `ipconfig` 查看。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值