[Laravel]幫 Laravel 創建一個404 找不到網頁檔案的畫面


Laravael (5.4) 初始是沒有 404 畫面,
所以如果路由路徑錯誤,
便會顯示:

Sorry, the page you are looking for could not be found.

1/1 Symfony\Component\HttpKernel\Exception\NotFoundHttpException in RouteCollection.php line 179:
in RouteCollection.php line 179
at RouteCollection->match(object(Request)) in Router.php line 533
at Router->findRoute(object(Request)) in Router.php line 512
at Router->dispatchToRoute(object(Request)) in Router.php line 498
....

我們可以自訂一個 HTTP狀態碼是 404 的預設網頁檔案。

自定義HTTP錯誤頁面

Laravel可以輕鬆顯示各種HTTP狀態代碼的自定義錯誤頁面。例如,如果您希望自定義404 HTTP狀態代碼的錯誤頁面,請創建一個。該文件將由您的應用程序生成的所有404錯誤發送。該目錄中的視圖應該被命名以匹配它們對應的HTTP狀態代碼。該函數引發的實例將作為變量傳遞給視圖:

1.在resources\views 目錄底下創建一個  errors 目錄。
 
CMD mkdir resources\views\errors

2.建立一個404.blade.php 樣板檔。
resources/views/errors/404.blade.php
 
<!doctype html>
<html lang="zh-tw">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Error 404 - Not Found</title>
<meta name="viewport" content="width=device-width">
<style type="text/css">
.error {
  margin: 0 auto;
  text-align: center;
}

.error-code {
  bottom: 60%;
  color: #2d353c;
  font-size: 96px;
  line-height: 100px;
}

.error-desc {
  font-size: 12px;
  color: #647788;
}

.m-b-10 {
  margin-bottom: 10px!important;
}

.m-b-20 {
  margin-bottom: 20px!important;
}

.m-t-20 {
  margin-top: 20px!important;
}
</style>
</head>
<body>
<div class="error">
<div class="error-code m-b-10 m-t-20">404 <i class="fa fa-warning"></i></div>
<h3 class="font-bold">找不到網頁</h3>

<div class="error-desc">
    <div>
        <a class=" login-detail-panel-button btn" href="http://blog.webgolds.com">
            <i class="fa fa-arrow-left"></i>
            Go back to Homepage                        
        </a>
    </div>
</div>
</div>
</body>
</html>

 

回上一頁

相關文章:

喜歡這篇文章嗎?立即分享

Posted : / Views: 1377
Last updated :2017-10-25