VUE手机访问项目

最新推荐文章于 2024-04-26 16:49:42 发布
最新推荐文章于 2024-04-26 16:49:42 发布
阅读量1.6k 收藏
点赞数
分类专栏： VUE JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/brain_bo/article/details/83617156
版权

1、在config/index.js找到host: 'localhost'，

2、将localhost替换成ip地址，如host: '192.168.3.137'，

3、在地址栏输入http:192.168.3.137:8081即可访问（8081是端口号，可自行更改）

 

就这么简单，小伙伴顺手点个赞呗~

手机访问Vue项目
d295968572的博客
06-05 1599
1.修改config修改config文件夹下的index.js文件:module.exports = { dev: { host: '0.0.0.0' // 原为: hotst: 'localhost' } }123452.查询本地ipcommand+空格 打开终端,输入ipconfig,查看本地ip,将项目url中的localhost改为本地ip 3.制作二维码借...
Vue移动端项目实现使用手机预览调试操作
11-20
最近在开发移动端Vue移动端项目，查了一些资料，这里分享下如何在webpack工具构建下的vue项目，在手机端调试和预览，言归正传。 1.电脑和手机连接到同一个WIFI a.台式电脑和手机同时链接一个路由器，使用同一个wifi...
使用手机访问vue项目
dt1991524的博客
12-24 1027
在做vue项目测试时，需要放在手机上调试，那么如何放在手机上调试呢？毋庸置疑，直接使用ip地址+端口号用手机去访问电脑上的vue项目。 1. 把host中的改为“自己电脑的IP地址” 2.改为‘127.0.0.1’ 3.改为‘localhost’ 用上述3中方式就可以放在手机上测试啦！...
手机端访问本地vue项目
最新发布
liuzaixi的博客
04-26 1548
devServer添加配置： host: “0.0.0.0”, disableHostCheck: true。注意不是在浏览器直接输入IP显示的那个外网IP地址。
vue项目怎么在手机查看
豪先生的博客
09-24 4205
可能，我们连接同一个网络以后，在手机浏览器输入第二个网址，发现手机端还是不能访问服务。这时候我们把电脑的防火墙关闭一下就好了。一个是本地的，一个是网络的。在手机浏览器地址栏输入第二个网址（这个时候再重新用手机查看vue项目第二个网址，就可以查看项目。【注意】：我们的手机和开启服务的电脑要连入同一个网络。然后点击 公用网络，然后 关闭防火墙。启动一个项目之后，会出现两个网址，），我们可以在手机端查看我们的。选择-windows防火墙。点击电脑左下角的【设置】
完美解决通过IP地址访问VUE项目的问题
10-15
如果需要让其他设备（如手机或另一台电脑）访问我们的Vue应用，我们就需要通过IP地址来访问。本文将详细介绍如何完美解决通过IP地址访问Vue项目的问题。 首先，我们需要对Vue项目的配置文件进行更改。在Vue项目中，...
vue-cli项目无法用本机IP访问的解决方法
12-11
启动vue-cli项目服务，用本机IP无法访问此网站，拒绝了我们的链接请求。从而无法从手机上预览效果 原因分析 在我们的bulid目录下有一个webpack.dev.config.js的配置文件，发现devServer对象里的host属性取自process....
vue在手机中通过本机IP地址访问webApp的方法
10-18
在开发Vue应用的过程中，如果想要在手机上通过本机的IP地址来访问应用，需要进行相应的配置。 配置过程主要涉及到`package.json`文件的修改。在Vue项目的`package.json`文件中，通常会有一个`scripts`字段，用来...
vue项目配置同一局域网可使用ip访问的操作
01-18
补充知识：@vue/cli创建项目报错ERROR Failed to get response from /vue-cli-version-marker的解决方案 今天他们遇到一个很有意思的bug，用@vue/cli创建项目的时候报错了，还是个从来没见过的报错： 一开始以为是...
js+vue手机app租房
10-03
JavaScript，vue框架,手机App项目
手机如何访问vue项目localhost
少油少盐不要辣
04-03 1121
在您的手机浏览器中输入您计算机的IP地址，加上Vue项目的端口号。（对于Mac/Linux）来查看计算机的IP地址。这将允许您在手机上访问本地主机上的Vue应用程序。的条目，这是计算机的本地IP地址。最后，还需要关闭电脑的防火墙设置。（对于Windows）或。来启动Vue开发服务器，
手机访问vue项目
Executioner975的博客
08-08 1907
两分钟学会手机访问vue项目 在vue项目没有完成打包发布前，手机和电脑在同一个WiFi环境下，通过IP地址就可以轻松用手机访问到电脑端的vue项目。 查找电脑端的ip地址： 输入ipconfig在cmd中查询自己电脑的IP地址，选择ipv4的地址我的地址为：198.168.1.5 更改vue.config文件 devServer: { disableHostCheck: true, host: '192.168.1.5', // ip por
vue:手机访问本地项目
qq_45061461的博客
06-28 1038
3.手机浏览器输入地址 : 电脑ip + 项目端口号(比如:8080)1.需要在项目根目录config文件夹中的index.js中配置。2.需要电脑的ip地址 需要在同一个局域网环境中。查看电脑 :IPv4 就是ip。
手机访问本地Vue项目
weixin_47540149的博客
05-08 939
在项目的package.json中 scripts下的dev中的后面加上–host 0.0.0.0
手机想调试pc端的vue项目（有端口号的项目均适用）
m0_55315930的博客
03-09 946
本地运行的pc端项目，想要适配手机端，想看查看一下项目在手机端的界面样式。可以采用这种办法。
关于vue项目，用手机来查看项目。
心有猛虎
10-16 1886
由于有时候谷歌手机调试与真实的手机环境还是有一定的差距。   第一步，开启你的vue项目  第二步，打开项目config/index.js文件，然后找到 module.exports 配置里面的 dev 配置，修改字段host:0.0.0.0，如下图：   第三步：cmd 打开管理器，然后输入ipconfig 查询本机ip    然后npm run dev 启动vue项目  ...
如何在手机上浏览未部署的vue项目
weixin_43663349的博客
01-03 438
让手机和运行的项目处于同一个局域网 使用npm run serve启动vue项目时显示的Network网址 在手机浏览器地址栏输入该地址即可 若同一网络下手机端还是不能访问，关闭防火墙
vue项目手机端访问不了
weixin_45682701的博客
09-08 4348
window系统，win+R输入 cmd打开，cmd中输入ipconfig查询ipv4地址。2.将config中的indexjs里host换成自己的ip地址。1.首先手机电脑连接同一个WiFi，并且把笔记本电脑以太网拔了。vue项目中配置域名host。这时候手机就可以访问成功了。3.防火墙检查是否关闭。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值