Laravel中Vite外部网络URL无法替代应用URL问题求助

以下是针对问题的具体排查和解决步骤：

1. 修正.env配置与缓存 #

• 打开项目根目录的.env文件，更新APP_URL为要访问的外部IP地址（对应端口需匹配）：

  # 若使用Vite Dev服务
  APP_URL=http://192.168.1.6:5173
  # 若使用php artisan serve
  # APP_URL=http://192.168.1.6:8000
  ASSET_URL=${APP_URL}
  

• 执行命令清除配置缓存，确保新配置生效：

  php artisan config:clear
  

2. 调整Vite配置以允许外部访问与跨域 #

• 编辑项目根目录的vite.config.js，添加或修改server配置项：

  import { defineConfig } from 'vite';
  import laravel from 'laravel-vite-plugin';
  
  export default defineConfig({
      plugins: [
          laravel({
              input: ['resources/css/app.css', 'resources/js/app.js'],
              refresh: true,
          }),
      ],
      server: {
          host: '0.0.0.0', // 允许所有网络接口访问
          cors: true, // 开启跨域支持
          // 可选：更严格的跨域规则
          // cors: {
          //   origin: ['http://192.168.1.6:5173', 'http://trip.dev'],
          //   credentials: true
          // }
      },
  });
  

• 重启Vite开发服务：

  vite run dev --host
  

3. 确保服务器监听所有网络接口 #

• 如果使用php artisan serve，启动时明确指定监听所有地址：

  php artisan serve --host 0.0.0.0 --port 8000
  

• 若使用Nginx/Apache作为服务器，检查配置文件中的server_name是否包含192.168.1.6，或设置为_（匹配所有域名/IP）。

4. 检查路由与中间件的域名限制 #

• 查看项目路由文件（如routes/web.php），如果路由组使用了domain参数限制访问域名，需将外部IP加入允许列表：

  // 原限制写法
  // Route::domain('trip.dev')->group(function () { ... });
  
  // 修改后允许多个域名/IP
  Route::domain(['trip.dev', '192.168.1.6'])->group(function () {
      // 你的路由内容
  });
  

• 检查app/Http/Middleware目录下的自定义中间件，确认是否存在限制请求来源的逻辑，若有则添加外部IP到白名单。

5. 清除缓存强制刷新 #

• 浏览器端按Ctrl+Shift+R强制刷新页面，或打开开发者工具勾选「禁用缓存」后重新访问。
• 清除Vite本地缓存：删除项目根目录下的node_modules/.vite文件夹，执行npm install重新安装依赖后重启服务。

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