ASP.NET MVC 404エラー画面実装

June 27, 2023

はじめに
Web.config への customErrors の追加
ErrorController を作成する
エラー画面のページを作成する
参考資料

はじめに

業務で ASP.NET MVC の 404 エラー時に 404 用の画面を設定したのでそれに関して備忘録としてまとめる

Web.config への customErrors の追加

下記のように 404 エラーが起きたときにリダイレクトするように設定する

      <system.web>
        <customErrors defaultRedirect="~/Error/" mode="On">
          <error statusCode="404" redirect="~/Error/NotFound"/>
        </customErrors>
      </system.web>

ErrorController を作成する

public class ErrorController : Controller
{
    public ActionResult NotFound()
    {
        return View();
    }
}

エラー画面のページを作成する

@{
    ViewBag.Title = "404 Not Found";
}
<div class="body-section">
    <div class="flex-col text-center ali-c mt-20">
        <p class="fs-128">404</p>
        <p class="fs-28">Sorry, the page you're looking for cannot be found...</p>
        <button class="error-btn" onclick="location.href='/Recipe/Register'">トップページへ</button>
    </div>
</div>

参考資料

https://tekitoumemo.hatenablog.com/entry/2018/05/22/232204

https://pgmemo.tokyo/data/archives/1243.html

http://www.billionplan.com/blog/design/404-error-pagedesign48.html