Windows 11下Laravel 9 + Vite配置问题求助（Homestead环境）

1. 修正Vite配置文件 #

修改vite.config.js，调整服务器监听规则与资源加载地址：

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import vue from '@vitejs/plugin-vue';

export default defineConfig({
    server: {
        https: true,
        host: '0.0.0.0', // 允许外部设备/虚拟机访问Vite服务
        port: 3000,
        watch: {
            usePolling: true,
        },
        origin: 'https://mysite.test:3000', // 指定前端资源的加载地址
    },
    plugins: [
        laravel([
            'resources/js/app.js',
        ]),
        vue({
            template: {
                transformAssetUrls: {
                    base: null,
                    includeAbsolute: false,
                },
            },
        }),
    ],
});

2. 配置Homestead端口转发 #

编辑Homestead.yaml文件，添加3000端口的转发规则，确保虚拟机与本地服务互通：

ports:
    - send: 3000
      to: 3000
      protocol: tcp

保存后执行命令重启Homestead并应用配置：

homestead reload --provision

3. 放行Windows防火墙端口 #

避免防火墙拦截Vite服务的连接请求：

• 打开Windows Defender防火墙 → 高级设置 → 入站规则
• 新建规则，选择「端口」，指定TCP 3000端口，允许连接，完成规则创建

4. 重启Vite开发服务 #

在本地项目根目录（共享至Homestead的目录）执行：

npm run dev

关键说明 #

• 无需额外配置app.mysite.test域名，直接复用已有的mysite.test即可
• 确保npm run dev在Windows本地运行（而非Homestead虚拟机内），保证文件监听与资源加载正常
• 访问https://mysite.test时，前端资源会自动指向https://mysite.test:3000加载Vite开发资源

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