{"id":797,"date":"2025-06-11T23:56:29","date_gmt":"2025-06-11T15:56:29","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/php\/php-application-manual\/laravel\/797.html"},"modified":"2025-06-11T23:56:29","modified_gmt":"2025-06-11T15:56:29","slug":"laravel%ef%bc%9a%e5%a6%82%e4%bd%95%e4%bd%bf%e7%94%a8blade%e6%a8%a1%e6%9d%bf%e5%bc%95%e6%93%8e%e5%88%9b%e5%bb%ba%e8%87%aa%e5%ae%9a%e4%b9%89404%e9%a1%b5%e9%9d%a2","status":"publish","type":"my1js","link":"https:\/\/www.zhaozhao123.cn\/php\/my1js\/797.html","title":{"rendered":"Laravel\uff1a\u5982\u4f55\u4f7f\u7528Blade\u6a21\u677f\u5f15\u64ce\u521b\u5efa\u81ea\u5b9a\u4e49404\u9875\u9762"},"content":{"rendered":"
\r\n
\r\n
\r\n
\r\n
\r\n
\"Bug编译狮\"<\/figure>\r\n\r\n\r\n\r\n

Bug编译狮<\/h2>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n
\r\n
\r\n

在Laravel中，你可以通过创建自定义的Blade模板来实现404错误页面。以下是如何完成这个任务的步骤：<\/p>\n

    \n
  1. \n

    创建自定义的Blade模板<\/strong>：\n首先，你需要在resources\/views\/errors<\/code>目录下创建一个新的文件夹，并在其中创建一个名为404.blade.php<\/code>的文件。<\/p>\n<\/li>\n

  2. \n

    编写自定义的Blade模板内容<\/strong>：\n在404.blade.php<\/code>文件中，你可以添加一些自定义的内容，例如一个简单的HTML结构和一个友好的错误信息。<\/p>\n

    <!-- resources\/views\/errors\/404.blade.php -->\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n   <meta charset=\"UTF-8\">\n   <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n   <title>404 Not Found<\/title>\n<\/head>\n<body>\n   <h1>Oops! Page Not Found<\/h1>\n   <p>The page you are looking for does not exist.<\/p>\n   <a href=\"\/\">Go back to the homepage<\/a>\n<\/body>\n<\/html><\/code><\/pre>\n<\/li>\n
  3. \n
    配置路由以处理404错误<\/strong>：\n确保你的路由配置正确，以便当用户访问不存在的URL时能够返回404错误。<\/p>\n
    \/\/ routes\/web.php\nuse IlluminateSupportFacadesRoute;\n\nRoute::get('\/', function () {\n   return view('welcome');\n});\n\nRoute::fallback(function () {\n   abort(404);\n});<\/code><\/pre>\n<\/li>\n
  4. \n
    测试自定义的404页面<\/strong>：\n保存所有更改并尝试访问一个不存在的URL（例如http:\/\/example.com\/nonexistent-page<\/code>）。你应该会看到自定义的404页面。<\/p>\n<\/li>\n
  5. \n
    可选：设置默认的404页面<\/strong>：\n如果你希望在没有特定错误页面的情况下显示默认的404页面，可以在主入口文件routes\/web.php<\/code>中添加以下代码：<\/p>\n
    \/\/ routes\/web.php\nuse IlluminateSupportFacadesRoute;\nuse IlluminateHttpRequest;\n\nRoute::get('\/', function () {\n   return view('welcome');\n});\n\nRoute::fallback(function (Request $request) {\n   return view('errors.404', compact('request'));\n});<\/code><\/pre>\n
    然后在resources\/views\/errors\/404.blade.php<\/code>文件中添加一个变量来传递请求对象，以便在页面上显示更多信息。<\/p>\n<\/li>\n<\/ol>\n
    通过以上步骤，你就可以在Laravel中成功创建并使用自定义的404页面了。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n
    \"黑板Bug讲师\"<\/figure>\r\n\r\n\r\n\r\n
    黑板Bug讲师<\/h2>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n
    \r\n
    \r\n
    介绍<\/h2>
    处理错误优雅地是一种网页开发中的重要部分。当用户请求不存在的页面时，向他们展示一个通用的错误消息可能会让他们感到沮丧和无济于事。这时，404 页面就派上用场了；精心设计的 404 页面可以改善用户的体验，即使他们在寻找东西时迷失了方向。Laravel 使用其 Blade 模板引擎来轻松定制 404 页面。<\/p>
    本教程将指导您创建一个自定义的404错误页面在Laravel中。我们首先设置一个基本的Laravel应用，处理异常以显示自定义的404页面，并然后设计一个Blade模板用于我们的自定义404页面。<\/p>
    设置一个基本的Laravel应用程序<\/h2>
    首先，您需要在机器上安装Composer，因为Laravel依赖于它来进行依赖管理。如果您尚未安装Composer，请参阅此页面：如何在Windows上设置PHP Composer 或者这个页面：如何在MacOS上设置PHP Composer。<\/p>
    安装Composer后，可以在终端中运行以下命令创建一个新的Laravel应用：<\/p>
    composer create-project --prefer-dist laravel\/laravel name-of-your-app<\/code><\/pre>
    在准备好新的Laravel应用程序后，导航到项目目录：<\/p>
    cd name-of-your-app<\/code><\/pre>
    然后，应用服务：<\/p>
    php artisan serve<\/code><\/pre>
    一个Laravel开发服务器会启动，你可以通过访问来查看你的应用。http:\/\/localhost:8000<\/code>请在浏览器中操作。<\/p>
    理解异常处理器<\/h2>
    在Laravel中，所有的异常都是由ExceptionServiceProvider来处理的。AppExceptionsHandler<\/code>class。它包含一个名为的方法。render<\/code>哪些因素决定了各种异常的响应。<\/p>
    public function render($request, Exception $exception)\n{\n    return parent::render($request, $exception);\n}\n<\/code><\/pre>
    这种方法通过调用父类的渲染方法来根据异常类型作出响应。对于大多数异常，这已经足够了，但我们可以通过修改它来定制我们的404响应。<\/p>
    创建自定义的404 Blade模板<\/h2>
    在您的Laravel应用程序中，导航到。resources\/views<\/code>拨号盘。<\/p>
    创建一个名为的新Blade模板文件。404.blade.php<\/code>这是您的自定义404页面：<\/p>
    touch resources\/views\/errors\/404.blade.php<\/code><\/pre>
    请使用您喜欢的文本编辑器修改文件，并添加您想要使用的HTML结构。例如：<\/p>
    <!-- resources\/views\/errors\/404.blade.php -->\r\n<!doctype html>\r\n<html lang=\"en\">\r\n<head>\r\n    <title>Page Not Found<\/title>\r\n    <!-- Add any stylesheets here -->\r\n<\/head>\r\n<body>\r\n    <h1>Oops! The Page you're looking for isn't here.<\/h1>\r\n    <p>Maybe the page was moved or deleted, or perhaps you just typed the wrong address. Why not try a search, or start from the homepage? <\/p>\r\n<\/body>\r\n<\/html>\r\n<\/code><\/pre>
    现在你可以用CSS来样式化自定义的404页面。在新文件夹下创建一个新的样式表。public\/css<\/code>目录，并将其链接到您的自定义404模板：<\/p>
    <link rel=\"stylesheet\" href=\"{{ asset('css\/style.css') }}\"><\/code><\/pre>
    剩下的就是访问你Laravel服务器上不存在的URL，你应该能看到你的自定义404页面。<\/p>
    请参阅：<\/p>
    在Laravel中使用Font Awesome的方法如下：\n\n首先，你需要安装Font Awesome的图标库。你可以通过Composer来安装它。打开终端并运行以下命令：\ncomposer require laravelcollective\/html –dev\n\n安装完成后，你可以在项目根目录下找到vendor\/laravelcollective\/html\/resources\/font-awesome文件夹。\n\n现在，你可以开始在HTML模板中引入Font Awesome了。例如，在.blade.php文件中添加以下代码：\n<link rel=”stylesheet” href=”{{ asset(‘css\/app.css’) }}”>\n<script src=”{{ asset(‘js\/app.js’) }}”><\/script>\n\n在.blade.php文件中，可以使用以下语法来引入和使用Font Awesome图标：\n\n使用<i>标签表示一个icon：<i class=”fas fa-heart”><\/i>\n也可以使用<span>标签包裹icon和文字：<span class=”text-danger”><i class=”fas fa-exclamation-triangle”><\/i><\/span>\n\n如果你想自定义字体大小、颜色等属性，可以通过class属性设置：\n<i class=”fa fa-check text-success”>…<\/i>\n\n最后，记得在控制器或路由中调用view()方法加载视图，或者在blade模板中直接使用@yield()来显示页面内容。\n\n以上就是如何在Laravel中使用Font Awesome的基本步骤。希望对你有所帮助！<\/p>
    在 Laravel 中，可以通过以下几种方式链接到静态资产：\n\n使用 @livewireStyles 和 @livewireScripts 指令：\n@livewireStyles()\n<link rel=”stylesheet” href=”{{ asset(‘css\/app.css’) }}”>\n@livewireScripts()\n<script src=”{{ asset(‘js\/app.js’) }}”><\/script>\n\n直接使用 CSS 选择器或类名：\n<link rel=”stylesheet” href=”{{ asset(‘css\/app.css’) }}”>\n<style>\n .custom-class {\n \/* styles *\/\n }\n<\/style>\n\n使用 Blade 的嵌套结构来管理样式表和脚本文件的加载顺序。\n\n利用 Livewire 插件（如 Livewire Styles and Scripts）来简化样式表和脚本文件的管理。\n\n这些方法可以帮助你在 Laravel 模板中有效地管理和引用静态资产。<\/p>
    如何在Laravel中使用Tailwind CSS<\/p>
    正在测试自定义404页面。<\/h2>
    测试非常简单，只需访问一个你知道不存在在你网站上的URL即可。由于Laravel自动发现基于HTTP状态码的错误模板，您的Laravel应用程序会为您的新自定义视图提供404错误。<\/p>
    例如，访问http:\/\/localhost:8000\/thispagedoesnotexist<\/code>现在应该会显示您的自定义404页面，而不是默认的错误页面。<\/p>
    结论<\/h2>
    在Laravel中自定义404错误页面既重要又简单。一个自定义的404页面可以反映应用程序的主题，引导用户在迷路时进行指导，并提供更高级别的用户体验。通过利用Laravel处理异常和Blade模板引擎的功能，您正在提升您的应用的专业性和易用性。<\/p>
    记得定期更新您的自定义404页面。保持其相关性和信息性有助于保留因意外的死胡同而离开网站的用户。<\/p><\/body>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n
    \"长工码奴1523\"<\/figure>\r\n\r\n\r\n\r\n
    长工码奴1523<\/h2>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n
    \r\n
    \r\n
    在 Laravel 中，你可以使用 Blade 模板引擎来创建自定义 404 页面。以下是如何实现这一目标的步骤：<\/p>\n
    步骤 1: 创建一个新的 Blade 视图文件<\/h3>\n
    首先，你需要创建一个新的视图文件来处理 404 错误。假设我们要创建一个名为 error-404.blade.php<\/code> 的新文件。<\/p>\n
    php artisan make:view error-404.blade.php<\/code><\/pre>\n
    这将生成一个新的 .blade.php<\/code> 文件，其中包含了我们的自定义 404 页面代码。<\/p>\n
    步骤 2: 编辑自定义 404 页面<\/h3>\n
    打开刚刚生成的 error-404.blade.php<\/code> 文件，并添加以下内容：<\/p>\n
    <!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <title>Error 404 - Page Not Found<\/title>\n<\/head>\n<body>\n    <h1 class=\"text-center\">Page Not Found<\/h1>\n    <p>Sorry, the page you're looking for doesn't exist.<\/p>\n<\/body>\n<\/html><\/code><\/pre>\n
    这个文件包含了一个基本的 HTML 结构和标题，显示了错误 404 并提示用户访问不存在的网页。<\/p>\n
    步骤 3: 在应用程序中启用自定义 404 页面<\/h3>\n
    在 app\/Http\/Middleware\/ThrottleRequests.php<\/code> 文件中添加以下代码，以便在应用的公共路由上启用自定义 404 页面：<\/p>\n
    <?php\n\nnamespace AppHttpMiddleware;\n\nuse Closure;\nuse IlluminateSupportFacadesApp;\n\nclass ThrottleRequests\n{\n    \/**\n     * Handle an incoming request.\n     *\n     * @param  IlluminateHttpRequest  $request\n     * @param  Closure  $next\n     * @return mixed\n     *\/\n    public function handle($request, Closure $next)\n    {\n        if ($request->expectsJson()) {\n            return response()->json(['error' => 'The page you're trying to access is not found.'], 404);\n        }\n\n        return $next($request);\n    }\n}<\/code><\/pre>\n
    然后，在你的应用中注册这个中间件：<\/p>\n
    App::bind('throttleRequestsMiddleware', ThrottleRequests::class);<\/code><\/pre>\n
    现在，当你尝试访问一个不存在的 URL 时，Laravel 应该会跳转到自定义的 404 页面。<\/p>\n
    示例代码中的 Blade 模板引擎语法<\/h3>\n
    在上面的示例中，我们使用了 <h1><\/code> 标签来设置标题，使用 <p><\/code> 标签来放置文本。这些标签是 Blade 模板引擎的基本元素之一，可以根据需要进行扩展和定制。<\/p>\n
    通过这种方式，你可以轻松地在 Laravel 应用程序中创建自定义的 404 页面，并根据需要动态地修改其内容和布局。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"
    Bug编译狮 在Laravel中，你可以通过创建自定义的Blade模..<\/p>\n","protected":false},"author":1,"featured_media":0,"menu_order":0,"template":"","meta":{"_acf_changed":false},"tags":[],"my1js2nav":[44],"tuisongtax":[],"class_list":["post-797","my1js","type-my1js","status-publish","hentry","my1js2nav-laravel"],"acf":{"qian_art_seotitle":"","qian_art_seotitle_source":{"label":"SEO\u6807\u9898","type":"text","formatted_value":""},"qian_art_seokws":"","qian_art_seokws_source":{"label":"SEO\u5173\u952e\u8bcd","type":"text","formatted_value":""},"qian_art_stzhong":"","qian_art_stzhong_source":{"label":"\u4e2d | \u77ed\u6807\u9898","type":"text","formatted_value":""}},"_links":{"self":[{"href":"https:\/\/www.zhaozhao123.cn\/php\/wp-json\/wp\/v2\/my1js\/797","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zhaozhao123.cn\/php\/wp-json\/wp\/v2\/my1js"}],"about":[{"href":"https:\/\/www.zhaozhao123.cn\/php\/wp-json\/wp\/v2\/types\/my1js"}],"author":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/php\/wp-json\/wp\/v2\/users\/1"}],"wp:attachment":[{"href":"https:\/\/www.zhaozhao123.cn\/php\/wp-json\/wp\/v2\/media?parent=797"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/php\/wp-json\/wp\/v2\/tags?post=797"},{"taxonomy":"my1js2nav","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/php\/wp-json\/wp\/v2\/my1js2nav?post=797"},{"taxonomy":"tuisongtax","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/php\/wp-json\/wp\/v2\/tuisongtax?post=797"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}