Ubuntu虚拟机XAMPP+Laravel跨主机访问异常求助

我之前也遇到过一模一样的问题！虚拟机里Laravel本地能正常访问，但Windows主机只能打开XAMPP主页，却进不了Laravel项目——这说明Apache的基础连通性没问题，问题大概率出在Laravel的专属配置、虚拟主机设置或者权限上，咱们一步步来排查修复：

XAMPP默认的htdocs目录能访问，但Laravel需要单独配置虚拟主机指向它的public目录（这是Laravel的入口文件所在）：

• 打开XAMPP的Apache主配置文件：/opt/lampp/etc/httpd.conf，找到这行：

  # Include etc/extra/httpd-vhosts.conf
  

  去掉前面的#注释，保存文件——这是让Apache加载虚拟主机配置。
• 编辑虚拟主机配置文件：/opt/lampp/etc/extra/httpd-vhosts.conf，添加以下配置（替换your-laravel-project为你的实际项目名）：

  <VirtualHost *:80>
      DocumentRoot "/opt/lampp/htdocs/your-laravel-project/public"
      ServerName laravel.local
      ServerAlias 192.168.1.50
      <Directory "/opt/lampp/htdocs/your-laravel-project/public">
          AllowOverride All
          Require all granted
      </Directory>
  </VirtualHost>
  

  这里ServerAlias直接绑定虚拟机IP，确保主机能通过IP访问。

• 打开Laravel项目根目录的.env文件，把APP_URL改成虚拟机的IP：

  APP_URL=http://192.168.1.50
  

  开发环境下建议把APP_DEBUG=true打开，这样如果有错误能直接看到具体信息，方便排查。
• 进入项目目录，执行命令刷新配置缓存：

  php artisan config:cache
  

虽然XAMPP主页能访问，但还是要确认防火墙没限制Laravel相关的访问：

• 运行命令查看防火墙状态：sudo ufw status
• 如果显示active，且没有允许80端口的规则，添加一条：

  sudo ufw allow 80/tcp
  sudo ufw reload
  

虚拟机里的目录权限可能导致Apache无法读取Laravel的文件：

• 执行以下命令给Apache用户（www-data）赋予权限：

  sudo chown -R www-data:www-data /opt/lampp/htdocs/your-laravel-project
  sudo chmod -R 755 /opt/lampp/htdocs/your-laravel-project
  sudo chmod -R 777 /opt/lampp/htdocs/your-laravel-project/storage
  sudo chmod -R 777 /opt/lampp/htdocs/your-laravel-project/bootstrap/cache
  

  其中storage和bootstrap/cache需要读写权限，否则Laravel会报错。

所有配置修改完成后，一定要重启Apache生效：

• 可以通过XAMPP控制面板点击「Restart Apache」，或者用命令：

  sudo /opt/lampp/apachectl restart
  

做完这些步骤后，在Windows主机的Chrome里直接访问http://192.168.1.50，应该就能看到Laravel的默认主页了！如果还是不行，打开Chrome开发者工具（F12）查看网络请求的错误码（比如403、404、500），根据错误信息再针对性调整。

内容的提问来源于stack exchange，提问作者A.oussama