如何设置Vue项目使其在局域网内实现访问？

本文共计562个文字，预计阅读时间需要3分钟。

目录 + Vue项目设置局域网访问 + 1. 在项目根目录下的package.json中找到 + 2. 关闭电脑防火墙 + 同一局域网内访问本地Vue项目 + 不需要修改配置文件 + 需要修改配置文件

目录

• Vue项目设置局域网访问
• 1. 项目根目录下的package.json中找到
• 2. 关闭电脑防火墙
• 同一局域网访问本地Vue项目
• 不需要修改配置文件
• 需要修改配置文件

Vue项目设置局域网访问

1. 项目根目录下的package.json中找到

// 添加了 “--host 0.0.0.0” "dev": "webpack-dev-server --host 0.0.0.0 --inline --progress --config build/webpack.dev.conf.js",

2. 关闭电脑防火墙

根据自家网络类型关闭相应的防火墙就可以了 我家是专用网络（当时随便选的)

这样就可以了（华为荣耀10值得信赖！）

同一局域网访问本地Vue项目

需要访问电脑需要在同一局域网下 | | 连同一个WiFi，这个就不说了吧。懂得都懂。

调试机 ip：192.168.30.100，将 192.168.30.100 改为你自己本机 ip 就OK。