vue怎么设置允许局域网手机访问

打开vite.config.ts 添加

  server: {host: '0.0.0.0'},

1. host: '0.0.0.0'：设置为0.0.0.0，允许从所有IP访问。
2. port: 5173：指定端口号，可以根据需要进行修改。不指定默认 5173
3. disableHostCheck: true：禁用主机检查，允许外部访问。

 npm run dev 重新运行

可以看到多了Network可以用ip访问

方法二：

在 “ package.json ” 文件中，修改 “ dev ” 配置，添加 “ --host 0.0.0.0”，如下：

"scripts": {"dev": "vite --host 0.0.0.0",
}

如果还是无法访问可能需要配置window防火墙，开放5173端口

入站规则，添加端口5173，允许连接

出站规则，添加端口5173，允许连接