关注我们

Laravel 8 - 自定义错误页面

在本教程中，您将学习laravel 8自定义错误页面。本文将为您提供有关如何在laravel 8中创建404错误页面的简单示例。

通常如果将debug设置为false，则laravel会向您显示默认错误页面。但是，如果您要创建自己的自定义错误页面，则可以使用本教程进行操作。

您需要创建如下所示的blade文件:

404.blade.php

405.blade.php

在laravel 8中的errors(resources/views/errors)目录里。

默认404页面:

现在，您只需要在资源目录中创建“errors"文件夹，然后在该文件夹中创建404.blade.file。因此，基本上laravel将使用默认设计，但是如果您将404文件创建到“errors"目录中，则它将从那里开始。

resources/views/errors/404.blade.php

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css">
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" ></script>
    <style type="text/css">
        body{
          margin-top: 150px;
            background-color: #C4CCD9;
        }
        .error-main{
          background-color: #fff;
          box-shadow: 0px 10px 10px -10px #5D6572;
        }
        .error-main h1{
          font-weight: bold;
          color: #444444;
          font-size: 100px;
          text-shadow: 2px 4px 5px #6E6E6E;
        }
        .error-main h6{
          color: #42494F;
        }
        .error-main p{
          color: #9897A0;
          font-size: 14px; 
        }
    </style>
</head>
<body>
    <div class="container">
      <div class="row text-center">
        <div class="col-lg-6 offset-lg-3 col-sm-6 offset-sm-3 col-12 p-3 error-main">
          <div class="row">
            <div class="col-lg-8 col-12 col-sm-10 offset-lg-2 offset-sm-1">
              <h1 class="m-0">404</h1>
              <h6>Page not found - 无涯教程</h6>
              <p>Lorem ipsum dolor sit <span class="text-info">amet</span>， consectetur <span class="text-info">adipisicing</span> elit， sed do eiusmod.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
</body>
</html>