移动端局域网测试本地项目打不开-vue

最新推荐文章于 2022-09-08 17:54:54 发布
最新推荐文章于 2022-09-08 17:54:54 发布
阅读量395 收藏
点赞数
分类专栏： 前端 文章标签： vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44643019/article/details/126030720
版权

当pc端和mobile端共处一个局域网 ，在mobile端按照格式 http://pc端的ip地址:项目端口号

即可在mobile打开项目 但是今天发现mobile端无法打开 

解决方案：

在config/index.js中 （或者vue.config.js中）

将 host: 'localhost' 修改为 host: '0.0.0.0'  即可

如果不行的话重启一下项目 在mobile端即可打开项目

弃之
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
手机调试电脑网页项目无法访问的问题
summer的博客
01-16 905
昨天发生了一件奇怪的事情，我本来本地起webpack的devserver是可以在同一局域网内让手机访问的，但是突然就访问不了了。 我以为是端口问题就换了端口，结果还是不行，那就是项目内部出了问题，查看了一下svn提交记录，除了我之外有另外一个人改了config下的index.js，把host:'0.0.0.0'改成了host:'127.0.0.1'。。。。我改回去就好了。。真是一头黑线，干嘛...
手机端访问同一局域网电脑端项目
郑德帅
11-05 1万+
1.让手机和电脑处于同一个局域网 1. 首先将电脑连接的宽带(有线连接)断开，连接无线网(WIFI,HIFI等)； 2、例如，电脑连接的无线网网名是top05 3、那么手机也应该连接的无线网也是top305 ...
手机和电脑连接同一wifi,手机访问不了电脑起的项目
zoepriselife316的博客
06-16 4203
连接同一网络，但电脑上起的项目，手机访问不到，一直访问不过去，别的电脑ping也不能ping通我电脑 原因： 防火墙没关，关一下就行 打开设置 选择WLAN 选择网络和共享中心 点击Windows Defender 防火墙 然后都关闭，就OK了 这样就可以正常访问了。 ...
同一局域网下用手机访问本地web项目
摇头晃脑莫名其妙
09-06 2884
手机和电脑连接同一个wifi，那么在启动项目手机可以通过 无线局域网适配器： IPv4 地址：192.168.10.1 用“http://192.168.10.1:8080/”访问 要注意的就是IP地址和端口的变动 ...
在同一局域网下通过手机访问本地Vue项目
SonHOuse1993的博客
08-03 3810
在同一局域网下通过手机访问本地Vue项目修改Vue项目配置查询PC端局域网地址手机端访问系统如果上述配置无法正常访问则需更多配置 有时需要快速在手机端查看本地开发的移动端系统效果。无需部署到服务器就可以进行访问和测试，更加方便真机调试。 修改Vue项目配置 修改根目录的config的index.js，如下： module.exports = { dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/',
同一局域网下他人访问本地项目
测试喵~
12-22 4652
1、首先，本地的项目本地能访问 2、使两台电脑使用同一无线网 3、查看无线网的ip 4、修改服务器配置文件 Listen 127.0.0.1:80 # 这种写法就只允许本机访问 Listen 0.0.0.0:80 #这样可以允许来自所有ip的访问 5、重启一下服务器 6、他人电脑访问本地的IPv4地址 ...
vue-cli启动本地服务局域网不能访问的原因分析
08-28
标题和描述中提到的问题就是，当你尝试通过 IP 地址而非 `localhost` 访问本地 Vue CLI 项目时，其他设备无法访问。这个问题的根源在于 Vue CLI 的配置。 默认情况下，Vue CLI 的配置文件（位于 `config/index.js`...
douyin-vue，抖音-TikTok 的移动端短视频项目
最新发布
04-07
douyin-vue 是一个模仿 抖音|TikTok 的移动端短视频项目，它基于 Vue、Vite 实现。使用了最新的 Vue 全家桶技术栈。Api 数据保存在项目本地，视频采集自抖音|TikTok，图集采集自小红书|Xiaohongshu，通过 axios-mock...
vue项目中使用lib-flexible解决移动端适配的问题解决
10-18
主要介绍了vue项目中使用lib-flexible解决移动端适配的问题解决，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
mobile-web:Vue移动端案例项目
04-15
《Vue移动端案例项目详解》 在移动互联网时代，前端开发技术日新月异，Vue.js作为一款轻量级、高性能的前端框架，以其简洁的API和强大的功能深受开发者喜爱。本项目“mobile-web”就是一个基于Vue.js的移动端案例，...
手机查看或让别人查看自己的本地项目（内网穿透）方法
dreamy_wx的博客
05-21 5210
在本地开发项目时，只能供我们自己电脑的浏览器访问，或者处于同一个wifi下的手机访问。如果想让别人也访问到我们的本地服务器，让别人使用手机就能查看我们的项目效果，这里就需要用到内网穿透，内网穿透就是别人通过外网能够访问到我们本地的服务器。 下面介绍自己用到的内网穿透方法 一、使用uTools（很好用的一款工具），搜索内网穿透 下载链接: https://u.tools/. 1）点击黑色logo进入插件中心 2）搜索或到开发中查找内网穿透并安装插件 3）本地创建服务器并运行 这里端口号我设置.
同一局域网手机不能通过IP访问电脑本地项目
肘子的博客
09-05 3915
实测下面步骤可以解决： 打开防火墙高级设置 然后设置入站规则和出站规则上新建规则： 添加名称DIY即可，出站规则同理。 打开电脑热点，通过命令提示符(通过快捷键win+r，输入cmd)输入ipconfig即可查看热点IP。 ...
手机内网测试本地vue项目
zhituji的博客
09-11 649
开发手机端时，希望能采用真机测试，当手机、电脑处于同一局域网时，可采用此方法测试。 打开cmd, 输入命令ipconfig,查看本机IP ，例如：192.168.0.33; vue 项目config/index.js 下的配置：host:'localhost' 改为host:'192.168.0.33'； package.json 下的配置"scripts":{"dev":...
vue项目手机端访问不了
weixin_45682701的博客
09-08 3835
window系统，win+R输入 cmd打开，cmd中输入ipconfig查询ipv4地址。2.将config中的indexjs里host换成自己的ip地址。1.首先手机电脑连接同一个WiFi，并且把笔记本电脑以太网拔了。vue项目中配置域名host。这时候手机就可以访问成功了。3.防火墙检查是否关闭。
同一网络下，手机无法访问电脑本地应用的方法
今天也要加油呀
07-25 2441
正常情况下 ，手机与电脑同一局域网，使用电脑的ip地址是可以访问到应用的。 不行的话，检查下电脑端的防火墙与关闭杀毒软件。 我这里关闭了防火墙也配置了对应端口的入站规则，还是访问不了， 于是，电脑开本地热点，手机连该热点再用电脑ip地址访问，解决。 ...
同一个局域网前端访问不了我的接口
u010513927的博客
10-26 6409
之前联调接口，跟前端都是用的公司有线网，没有出啥幺蛾子。 这次这个同事用的MAC，要连无线网，然后接口就怎么都不通了。 查了网上的解决方案，归纳一下。 （1）开放本机的接口访问。 防火墙→高级设置 入站规则→新建规则 选择端口，下一步 TCP，端口号写8080（自己要开放的端口），下一步 允许连接，接下来都是下一步就行了。 把出站规则也按相同的方法配置一下。 用【netstat -an】查看一下，8080端口已经开放了。 然而前端访问，接口还是不通，于是继续找...
vue 更改NODE_ENV，根据不同环境打包到不同的文件夹下
热门推荐
榴莲不好吃的专栏
05-24 2万+
下面拿vue项目做个改动 1.安装cross-env cnpm icross-env -D 2.package.json配置不同环境下打包的命令 { ... "scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "build":...
手机不能连接本地服务器进行调试的解决办法(Localhost:8080)
ddyy2652015的博客
02-09 1934
　　由于防火墙的原因，手机连接电脑无法连接本地服务器。 　　 可通过更改防火墙设置解决； 　　首先通过控制面板 进入防火墙页面 选择高级设置 新增 入站和出站规则 -》选择端口-》下一步 依次输入80 和8080端口号 　　填写自定义的名称和描述，最后保存即可 ================================...
如何解决vue项目本地ip地址无法访问项目问题？【亲测有效】
**My Coding Family**
09-04 1万+
如何解决vue项目本地ip地址无法访问项目问题？【亲测有效】
运行uni-preset-vue项目
01-30
2. 在终端中，使用以下命令全局安装vue-cli： ```shell npm install -g @vue/cli ``` 3. 创建一个新的uni-app项目，可以使用以下命令： ```shell vue create --preset uni-preset-vue my-project ``` 这将创建一个...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值