如何通过手机浏览器访问电脑启动的本地项目

想要在手机访问在电脑启动的本地项目，首先需要电脑和手机在同一局域网下面，如同一个Wi-Fi。然后要获取电脑的局域网IP地址，可以通过以下步骤查看：

首先点击键盘win + R输入cmd，打开控制台 然后输入命令ipconfig查看局域网IP

查看无线局域网适配器 WLAN一栏下的IPv4 地址,这个就是电脑的无线局域网地址 然后在手机浏览器中输入http://<电脑局域网IP>:<本地服务的端口号>

• 电脑局域网IP:例如192.168.1.105
• 本地服务端口号：8080 (例如本地访问地址为http://localhost:8080)
• 如果项目配置了基础地址记得加上基础地址。

如果没有访问成功记得在项目中配置一下开发服务器：

• 在vue-cli和webpack中通过配置devServer.disableHostCheck: true来关闭开发服务器对访问主机（域名 / IP）的校验
• 如果是Vite则可以通过以下配置来允许所有主机访问

export default {
  server: {
    host: '0.0.0.0', // 允许服务器监听所有网络接口（包括局域网IP）
    allowedHosts: 'all' // 允许所有主机访问，关闭主机校验
  }
};

但是请注意该配置请不要在生产环境中使用，否则可能面临 DNS 重绑定攻击等安全风险。