同一局域网下访问vue项目

本文详细指导如何通过ping测试确认同一局域网,获取并修改本地项目配置,实现跨设备访问。步骤包括检查本机IP、进行ping测试、修改config文件中的host为本机IP,确保项目在局域网内的共享。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

同一局域网:

在你的电脑上用快捷键windows + R打开cmd,使用ping + ip地址(想要访问你项目的那台电脑的ip地址),如果成功后就表示你们处于同一局域网下。
在这里插入图片描述

本机ip地址

在你的电脑上用快捷键windows + R打开cmd,使用ipconfig命令,就可以看到本机ip地址。
在这里插入图片描述

访问本地项目

当你成功执行上一步,确定你们处于同一局域网下后:在你的项目中找到config文件夹,找到index.js文件,你可以看到host:localhost(默认),将localhost改成本机ip地址(放vue项目的那台电脑的ip地址,如不知道本机ip地址,可参考上一步)
在这里插入图片描述

保存后重新运行该项目,生成的新的访问地址就是处于同一局域网下都可访问该项目的地址。
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值