Laravel 构建自己的404页面

作者：南丞时间：2018-09-05 02:00

Laravel 构建自己的404页面

首先,构建一个自己的404错误路由:

在路由文件中加入:

Route::get('/error',function(){
    abort(404);
});

然后在 reosouce/view 下新建一个 errors 目录然后在目录中添加一个文件名问 404.blade.php 的自定义的 404模板文件,代码如下:

<!DOCTYPE html>
<html>

<head>
    <title>404页面</title>
    <link href = "https://fonts.googleapis.com/css?family=Lato:100" rel = "stylesheet"
          type = "text/css">

    <style>
        html, body {
            height: 100%;
        }
        body {
            margin: 0;
            padding: 0;
            width: 100%;
            color: #B0BEC5;
            display: table;
            font-weight: 100;
        'Lato';
        }
        .container {
            text-align: center;
            display: table-cell;
            vertical-align: middle;
        }
        .content {
            text-align: center;
            display: inline-block;
        }
        .title {
            font-size: 72px;
            margin-bottom: 40px;
        }
    </style>

</head>
<body>

<div class = "container">
    <div class = "content">
        <div class = "title">404 错误</div>
    </div>
</div>

</body>

效果如下:

如果可以可以把页面写的更好一点

Laravel 构建自己的404页面

Laravel 构建自己的404页面

效果如下:

评论: