手机通过局域网访问本地文件（本地项目手机测试）

最新推荐文章于 2024-05-23 10:46:23 发布
最新推荐文章于 2024-05-23 10:46:23 发布
阅读量2.4k 收藏 1
点赞数 1
分类专栏： 手机局域网测试web 文章标签： localhost
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/HelloMy_sun/article/details/91625581
版权

一般情况下，本地文件通过电脑访问localhost（或者127.0.0）可以直接访问；
但是前几天自己仿写的Vuede 一个WebApp项目,想通过locahost:8080访问的时候访问不到文件。
直接上解决方案

找到vue项目build下得webpack.dev.conf.js文件
修改devServer 下面的host:HOST || config.dev.host
改成 host: ‘0.0.0.0’ || config.dev.host；
直接用手机连接局域网，就可以完成手机访问
在这里插入图片描述

冒险的豆子
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
在局域网的情况下，使用真机（手机）测试web程序
日积月累，水滴石穿
09-29 4303
相信大家在做适应手机的web项目时肯定会想，我们怎样才能使用真机来测试我们的web页面，我们知道我们在电脑上的搭建的tomcat服务器的登陆入口一般是http://localhost:8080/(127.0.0.1:8080),但是我们在做适应手机的web程序时，总是苦于不能很好的在真机上测试。下面我们就详细讲解我们应该如何使用本地电脑的服务器来做测试： 第一步：准备一个路由器或者交换机，然后创建一个信号源，将电脑（wifi或者有线都可以）和手机接入到同一个路由设备，这样，我们手机和电脑就处在了同一个局域网
在同一局域网中使用电脑访问手机内容
weixin_43794311的博客
11-06 3761
电脑访问手机文件
手机浏览器访问本地运行前端项目,手机端项目调试,移动端项目调试,其他电脑访问本电脑运行前端项目
最新发布
chj12138的博客
05-23 375
手机浏览器访问本地运行前端项目,手机端项目调试,移动端项目调试,其他电脑访问本电脑运行前端项目
手机测试本地开发的项目
SHENLINHAI的博客
08-26 469
在移动端开发过程中，会遇到一些需要用手机进行测试项目进行调试的情况，如果想要用手机测试本地项目，如下；前提：手机连接的网络，和本地电脑连接的网络是同一个局域网（无线网）
同一局域网的手机和电脑相互访问，IIS设置
weixin_43794311的博客
06-17 2599
局域网中的手机和电脑文件的相互访问
如何用手机访问电脑本地 localhost 网页或者服务器, 以调试web项目
热门推荐
程序员世杰
04-12 7万+
最近开始转向移动开发方向，因此对于一个移动开发的前端来说，使用各种真机来进行自己网站或者系统的界面进行针对性的调试就显的尤为重要了。因此，会经常通过电脑开启一个 wifi 来供手机进行连接，形成一个小的局域网，然后就通过局域网的 ip 地址（查询 ip 地址，cmd——》ipconfig）, 通过 ip 地址来进行自己本地服务器中的项目...
vue-cli启动本地服务局域网不能访问的原因分析
08-28
标题和描述中提到的问题就是，当你尝试通过 IP 地址而非 `localhost` 访问本地 Vue CLI 项目时，其他设备无法访问。这个问题的根源在于 Vue CLI 的配置。 默认情况下，Vue CLI 的配置文件（位于 `config/index.js`...
局域网配置本地服务器(网站).doc
11-30
局域网配置本地服务器（网站）是指在局域网中搭建一个本地服务器，以实现局域网中的用户可以访问到的服务器。这个服务器可以提供 FTP 和 WEB 服务，实现文件共享和网站共享。 实验报告内容： 1、实验项目名称：...
nginx+Echarts搭建本地API服务,局域网内访问
12-20
4. **局域网访问**：要让局域网内的其他设备能够访问这个服务，需要确保两件事：一是服务器（运行nginx的电脑）的防火墙设置允许外部设备通过8080端口连接；二是知道服务器的IP地址。其他设备可以通过`...
webpack vue项目开发环境局域网访问方法
08-27
总的来说，通过以上步骤，你就能成功地在Webpack和Vue的开发环境中设置局域网访问，让团队成员能够实时共享和测试代码，提升协同开发的效率。请记住，安全是首要考虑的因素，不要在不安全的网络环境下开启这种设置，...
使用局域网实现手机访问电脑共享文件
01-06
设备： 可以开热点的笔电一台，win10系统 手机一台，可以接wifi和装软件的 注：以下步骤可以自行修改，都是中文，可以按自己喜好选择。 选择共享文件夹，右键，属性 确保下面的玩意打开   想安全看下面，不需要的可以跳过 笔电开热点 手机安装ES，并连接刚才的热点 点击局域网 密码为可访问共享文件用户的登录密码，一般为你的锁屏密码 这样就可以愉快的访问硬盘中的文件了 通过下面的设置可以使连接本地局域网的设备发现不了共享文件，而连接热点局域网的可以发现，可以不设置，个人喜好 基本思路： 思路之一：（手机WiFi-电脑热点）形成局域网，以上实现就是，电脑旁
如何通过手机直接访问本地电脑中的网站
seven_coder的博客
09-12 3万+
在进行移动端网页的开发时，为了及时方便在手机上及时预览本地代码实现的效果，就需要用自己的手机能够直接访问本地开发阶段的网页，所以有了此篇文章，以作备忘。由于我自己电脑上的IIS安装总是有问题，所以我就先用Apache进行配置部署：一、Apache的安装我的电脑是win10 64位系统。首先是下载Apache软件，下载地址：http://www.apachelounge.com/download/下...
同局域网 手机访问本地服务器
huangkang1995的博客
06-10 2452
同局域网 手机访问本地服务器
手机如何访问局域网内电脑共享的文件
黄大仙
08-07 8423
手机如何访问局域网内电脑共享的文件 第一步:下载es文件浏览器 第二步:点击软件左上角,找到网络,点击网络->局域网 第三步: 方法一:新建网络,把服务器名称改为你的共享文件的电脑的ip地址(如果你不知道你的电脑的IP地址,你可以用下面的方法) 如果你想知道你的电脑的ip地址,那么请按win+r键,打开运行,输入cmd,回车 然后输入ipconfig 方法二:点击扫描,直至出现共享的电脑为止 点击打开即可 ...
局域网传输文件_【手机篇】巧借局域网，便捷实现手机电脑间的文件传输
weixin_39768695的博客
10-24 4807
前言：相信大家都有过电脑和手机之间互传文件的经历，常规的操作都需要借助数据线，连接手机和电脑，再进行相关的操作。或者少量的文件，我们可以使用qq等软件进行无线传输即可。但是，如果文件量较大，使用qq等软件传输还是略微有些麻烦。那么在不借助数据线的前提下，是否有更加便捷的方法呢，就像在电脑端移动文件那般便捷，答案当然是有的。同样我们可以通过局域网的相关设置，实现相关操作。文下本人将通过使用MIUI1...
如何用手机访问电脑本地localhost网页, 以调试项目
前端知识库
05-02 1万+
转载自：添加链接描述 1.访问步骤 先确保你的手机和电脑连在同一个局域网内. 在VScode中输入ipconfig，获取以太网或者无线的IPv4地址（或Window + R, 然后输入 ipconfig,然后获取ip地址） 长这样: 192.168.XX.XX 手机浏览器里输入这个地址: http://192.168.XX.XX:8080, it works 2.无法访问时： 使用各种真机来进行自己网站或者系统的界面进行针对性的调试就显的尤为重要。因此，会经常通过电脑开启一个wifi来供手机进行连接，形
如何在局域网内访问别人的vue-cli搭建的项目(也可以用来做移动端的真机测试)
WebDestiny的博客
08-28 1463
一：首先打开命令窗口 输入 ：ipconfig 后，回车会看到本机的IP地址 二：打开vue项目文件在本机运行，在项目目录中的config 文件 紧接着我们会看到index.js 文件，在文件中找到如下代码行 dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值