Laravel 8 404 사용자 지정 페이지 만들기 예제

7469 단어 laravelbeginnerstutorialjavascript
원래 게시된 @https://codeanddeploy.com 방문하여 샘플 코드 다운로드: https://codeanddeploy.com/blog/laravel/create-laravel-8-404-custom-page-example

이 게시물에서는 프로젝트에서 Laravel 8 404 사용자 지정 페이지를 만드는 방법의 예를 보여 드리겠습니다. Laravel 404 페이지 기본값을 사용하지 않고 사용자 정의 페이지를 생성하려는 경우. 그런 다음 아래의 간단한 자습서를 따르십시오.

사용자가 Laravel 8 애플리케이션에 대한 기존 경로 또는 URL을 입력하면 404 페이지에서 오류 페이지가 발생한다는 것을 알고 있습니다.

다음은 Laravel 404 사용자 정의 페이지를 구현하는 방법에 대한 간단한 단계입니다.

1단계: 라라벨 설치



데모용으로 Laravel 8 프로젝트를 먼저 설치해야 합니다. 없다면 이 섹션을 건너뛰십시오. Laravel을 설치하려면 다음 명령을 실행하십시오.

composer create-project laravel/laravel laravel-404


2단계: 맞춤형 Laravel 404 오류 페이지 생성



이제 맞춤형 Laravel 404 오류 페이지를 생성해야 합니다. resources/views/폴더를 탐색하고 오류 폴더라는 폴더를 만든 다음 404.blade.php라는 파일을 만듭니다. 그런 다음 사용자가 프로젝트에 존재하지 않는 URL을 방문하면 생성된 블레이드가 자동으로 표시됩니다.

다음은 맞춤형 Laravel 404 오류 페이지 블레이드 템플릿입니다. 아래 코드를 404.blade.php 템플릿에 복사합니다.

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Laravel 8 Custom 404 Page Example</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">

    <style type="text/css">
        body { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMC8yOS8xMiKqq3kAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAABHklEQVRIib2Vyw6EIAxFW5idr///Qx9sfG3pLEyJ3tAwi5EmBqRo7vHawiEEERHS6x7MTMxMVv6+z3tPMUYSkfTM/R0fEaG2bbMv+Gc4nZzn+dN4HAcREa3r+hi3bcuu68jLskhVIlW073tWaYlQ9+F9IpqmSfq+fwskhdO/AwmUTJXrOuaRQNeRkOd5lq7rXmS5InmERKoER/QMvUAPlZDHcZRhGN4CSeGY+aHMqgcks5RrHv/eeh455x5KrMq2yHQdibDO6ncG/KZWL7M8xDyS1/MIO0NJqdULLS81X6/X6aR0nqBSJcPeZnlZrzN477NKURn2Nus8sjzmEII0TfMiyxUuxphVWjpJkbx0btUnshRihVv70Bv8ItXq6Asoi/ZiCbU6YgAAAABJRU5ErkJggg==);}
            .error-template {padding: 40px 15px;text-align: center;}
            .error-actions {margin-top:15px;margin-bottom:15px;}
            .error-actions .btn { margin-right:10px; }
    </style>
</head>

<body>
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="error-template">
                    <h1>
                        Oops!</h1>
                    <h2>
                        404 Not Found</h2>
                    <div class="error-details">
                        Sorry, an error has occured, Requested page not found!
                    </div>
                    <div class="error-actions">
                        <a href="https://codeanddeploy.com" class="btn btn-primary btn-lg"><span class="glyphicon glyphicon-home"></span>
                            Take Me Home </a><a href="https://codeanddeploy.com" class="btn btn-default btn-lg"><span class="glyphicon glyphicon-envelope"></span> Contact Support </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>


3단계: 테스트 결과



이제 404 사용자 지정 페이지를 테스트해 보겠습니다. 다음 명령을 실행합니다.

php artisan serve


그런 다음 브라우저 주소 표시줄에서 다음 URL을 실행해 보십시오.

http://127.0.0.1:8000/not-found


그러면 이것이 브라우저에 표시됩니다.



이 튜토리얼이 도움이 되었으면 합니다. 이 코드를 다운로드하려면 여기https://codeanddeploy.com/blog/laravel/create-laravel-8-404-custom-page-example를 방문하십시오.

행복한 코딩 :)
Laravel 세션 튜토리얼 및 예제
Laravel 8 Ajax 포스트 요청 예제

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage