Mac开发Laravel+Inertia+Vue3应用，如何在移动设备正常查看？

• 修正环境配置
  打开项目根目录的.env文件，将APP_URL改为你的Mac本地IP地址（比如http://192.168.1.100:8000），执行命令清除配置缓存：

  php artisan config:clear
  

• 调整Vite服务器配置
  编辑项目根目录的vite.config.js，添加服务器允许外部访问的配置：

  export default defineConfig({
    plugins: [
      laravel({
        input: 'resources/js/app.js',
        refresh: true,
      }),
      vue({
        template: {
          transformAssetUrls: {
            base: null,
            includeAbsolute: false,
          },
        },
      }),
    ],
    server: {
      host: '0.0.0.0', // 允许所有IP访问
      hmr: {
        host: '192.168.1.100', // 替换为你的Mac本地IP
      },
    },
  });
  

• 检查网络与防火墙

  • 确保移动设备和Mac连接在同一Wi-Fi网络下
  • 检查Mac防火墙是否允许8000端口（Laravel服务）和5173端口（Vite默认端口）的外部访问，可临时关闭防火墙测试

• 重启服务
  停止当前运行的php artisan serve和Vite服务，重新启动：

  php artisan serve --host=192.168.1.100 --port=8000
  npm run dev
  

• 排查控制台错误
  在移动设备上打开浏览器开发者工具（如Chrome远程调试），查看控制台是否有404、CORS或组件加载失败的错误提示，根据具体信息修复问题

内容的提问来源于stack exchange，提问作者Christopher Ansbaugh