php - Laravel 5.4 - @extends 不工作

Question

我在 Laravel 中有两个主要 View 。

两者的调用方式如下，在web.php中:

Route::get('/characters', 'CharacterController@index');
Route::get('/characters/{char_id}', 'CharacterController@viewCharacter');

这是它们在 CharacterController 中的功能:

/字符:

public function index()
{



$characters = Character::userChars();

return view('pages.characters', compact('characters') );


}

字符/{char_id}:

public function viewCharacter ($char_id)

{

    $character = \DB::table('characters')->where('char_id', $char_id)->first();

    return view('pages.view-character', compact('character') );


}

/characters 工作正常。它使用

@extends('layouts.master')

@section('content')

@endsection

所有内容都可以正常加载并显示 CSS。

但是，characters/{char_id} 无法正常工作。

它显示来自@extends 的内容，但根本不会渲染 CSS。

这是字符/{char_id} 的 Blade 模板:

@extends('layouts.master')

@section('content')

<div id="page-wrapper">

            <div class="container-fluid">

                <!-- Page Heading -->
                <div class="row">
                    <div class="col-lg-12">
                        <h1 class="page-header">
                            Template <small>Template Page</small>
                        </h1>
                        <ol class="breadcrumb">
                            <li class="active">
                                <i class="fa fa-dashboard"></i> Template 1

                            </li>
                        </ol>
                    </div>
                </div>








            </div>
</div>

@endsection

它与/characters 使用的 View 相同，除了内容部分中的内容。

这是“master.blade.php”: https://pastebin.com/kjnxc0ms

谢谢!

Answer 1

在你的 master.blade.php 布局中，资源是从相对 url 加载的

例如，如果您的 Assets 是从 assets/css/bootstrap.min.css 加载的，并且您当前的 url 是 example.com/character 那么您的 Assets 将是从 example.com/assets/css/bootstrap.min.css 加载。到目前为止这看起来还不错

但是如果你的 url 是 example.com/characters/potato 那么资源将从 example.com/characters/assets/css/bootstrap.min.css 加载>。这可以很容易地从浏览器控制台识别出来，因为它会在加载 Assets 时显示 404 错误。 (在 Chrome 上按 F12)

两种解决方案:

• 使用正斜杠作为 Assets 路径的前缀，例如 /assets/css/bootstrap.min.css。
• Laravel 特定的解决方案是使用 Assets 辅助函数 {{ asset('assets/css/bootstrap.min.css') }}。