vue 项目设置局域网IP地址访配置

本文详述了如何配置Vue项目,使其能在局域网内通过IP地址访问。步骤包括查看并使用ipconfig获取IP,修改config的index.js文件设置host,更新package.json的scripts.dev配置,重启服务器并通知他人使用同一局域网IP访问。注意避免package.json中出现注释,并考虑关闭防火墙以确保可访问。

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

为了方便项目的开发进展,可以设置同一局域网访问本地ip地址

---菜鸟一枚,写得超级详细

1.cmd打开命令指示符:ipconfig/all 查看自己的IP地址

2.修改config文件中找到 index.js 文件的host改成 IP地址:192.168.1.166

3. 修改项目文件夹下的package.json 文件配置,scripts.dev配置在默认的情况下加上 --host 192.168.1.166

完整写法:

注意:package.json比较特殊,不可有注释条目,不然就会报错

4.重启服务器 npm run dev

5.给需要访问的人员发送ip地址:http://192.168.1.166:8080 ,只要是同一局域网,即可访问

注意:如果通过IP还不能访问,最好是关闭开发机的防火墙

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值