在 Vue 项目中开启局域网访问的配置方法如下（适用于 Vue CLI 或 Vite 项目）：

方法 1: 通过配置文件修改

// vue.config.js（Vue CLI 项目）
module.exports = {
  devServer: {
    host: '0.0.0.0', // 允许所有IP访问
    port: 8080,      // 指定端口（可选）
    // 自动打开浏览器（可选）
    open: process.platform === 'darwin' ? 'Google Chrome' : 'chrome'
  }
}

// vite.config.js（Vite 项目）
export default defineConfig({
  server: {
    host: '0.0.0.0',
    port: 5173 // 默认 Vite 端口
  }
})

方法 2: 通过 package.json 修改

{
  "scripts": {
    "dev": "vue-cli-service serve --host 0.0.0.0",
    // 或对于 Vite 项目：
    "dev": "vite --host 0.0.0.0"
  }
}

方法 3: 使用环境变量
创建 .env 文件：

HOST=0.0.0.0
PORT=8080

使用步骤：

1. 修改配置后重启服务：

npm run dev

2. 查看本机 IP：

# Windows:
ipconfig

# macOS/Linux:
ifconfig | grep "inet "

3. 其他设备访问：

http://[你的IP地址]:[端口号]

常见问题排查：

1. 确保防火墙已放行对应端口
2. 检查终端输出的Network地址是否正确
3. 尝试更换端口（如 8080 → 3000）
4. 确保设备在同一局域网内
5. 路由器可能阻止了设备间通信（检查路由器设置）

提示：Vue CLI 默认端口 8080，Vite 默认端口 5173，不同项目可能有所差异，请以实际终端输出为准。