如何在Laravel8+Livewire2项目中修改默认布局配置

可以直接指定，有两种常用实现方案：

• 方案1：替换布局组件引用
  你当前用的<x-app-layout>是Laravel Jetstream/Breeze默认生成的布局组件，对应你删除的layouts.app.blade.php。你可以先为自己的布局创建对应的Blade组件：
  在app/View/Components目录下创建对应布局的组件文件，比如要使用layouts.admin.blade.php就创建AdminLayout.php，内容如下：

<?php

namespace App\View\Components;

use Illuminate\View\Component;

class AdminLayout extends Component
{
    public function render()
    {
        return view('layouts.admin');
    }
}

之后把dashboard.blade.php里的<x-app-layout>替换为<x-admin-layout>即可，原有slot内容不需要改动，只要你的自定义布局文件里预留了对应插槽的接收位置即可。

• 方案2：使用传统Blade继承语法
  直接修改dashboard.blade.php的外层结构，用@extends指定布局：

@extends('layouts.admin')

<x-slot name="header">
    <h2 class="font-semibold text-xl text-gray-800 leading-tight">
        {{ __('Dashboard') }}
    </h2>
</x-slot>

@section('content')
<div class="py-12">
    <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
        <div class="bg-white overflow-hidden shadow-xl sm:rounded-lg">
            <x-jet-welcome />
        </div>
    </div>
</div>
@endsection

需要确保你的admin.blade.php布局文件中存在@yield('content')来接收主体内容。

Livewire的配置文件默认不会自动生成，需要手动发布：

1. 执行Artisan命令：php artisan livewire:publish --config
2. 执行完成后会在项目config目录下生成livewire.php文件，打开文件即可找到layout配置项，将默认的'layouts.app'修改为你需要的默认布局路径即可，例如：

'layout' => 'layouts.frontpage',

注意：该配置仅对Livewire全页组件生效，如果你当前的dashboard不是Livewire全页组件，该配置不会生效。

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