Laravel 10项目如何安装不带Inertia的Laravel Breeze认证套件？

Laravel Breeze的breeze:install vue命令默认绑定Inertia栈，若要使用Vue但不依赖Inertia，可通过「基础Blade版Breeze + 手动集成Vue」的方式实现，步骤如下：

1. 安装基础版Laravel Breeze #

先安装Breeze并生成基于Blade的认证体系（无Inertia）：

composer require laravel/breeze --dev
php artisan breeze:install
php artisan migrate

执行breeze:install时直接按回车确认即可，默认生成Blade视图的登录、注册、密码重置等全套认证功能。

2. 手动集成Vue到项目 #

安装前端依赖 #

npm install vue@latest @vitejs/plugin-vue

配置Vite支持Vue #

修改项目根目录的vite.config.js，引入Vue插件并完成配置：

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

export default defineConfig({
    plugins: [
        laravel({
            input: ['resources/css/app.css', 'resources/js/app.js'],
            refresh: true,
        }),
        vue({
            template: {
                transformAssetUrls: {
                    base: null,
                    includeAbsolute: false,
                },
            },
        }),
    ],
});

初始化Vue应用 #

修改resources/js/app.js，创建Vue实例并挂载到页面：

import './bootstrap';
import { createApp } from 'vue';

// 示例：注册全局Vue组件（按需添加）
// import ExampleComponent from './components/ExampleComponent.vue';

const app = createApp({});

// app.component('example-component', ExampleComponent);

app.mount('#app');

配置Blade视图的Vue挂载点 #

打开resources/views/layouts/app.blade.php，在页面合适位置（比如主内容区域内或外层）添加Vue挂载容器：

<div id="app"></div>

3. 编译前端资源 #

最后编译并运行前端服务：

npm run dev

生产环境可执行npm run build完成打包。

这样就能得到带完整认证功能、基于Blade + Vue（无Inertia）的Laravel项目。

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