Set up your own custom 404 and 500 error pages in an ASP.NET MVC site

Most website visitor appreciates a clean understandable error page, therefor  I have set up custom 404 and 500 pages at my main web site.  These are the steps:

1. Redirect errors by activating custom errors in web.config in the system.websection.
   
   C#

   <customErrors mode="RemoteOnly" defaultRedirect="/Error"> <error redirect="/Error/NotFound" statusCode="404"/> <error redirect="/Error/InternalServerError" statusCode="500"/> </customErrors>

   1 2 3 4

   <customErrors mode="RemoteOnly" defaultRedirect="/Error">   <error redirect="/Error/NotFound" statusCode="404"/>   <error redirect="/Error/InternalServerError" statusCode="500"/> </customErrors>

2. Remove the error handling filter in Global.asax.cs.
3. Finally create a controller named Controllers/ErrorController.cs together with related view to handle the action results NotFound and InternalServerError.
   
   C#

   public ActionResult NotFound() { Response.TrySkipIisCustomErrors = true; Response.StatusCode = (int)HttpStatusCode.NotFound; return View("NotFound"); } public ActionResult InternalServerError() { Response.TrySkipIisCustomErrors = true; Response.StatusCode = (int)HttpStatusCode.InternalServerError; return View("InternalServerError"); }

   1 2 3 4 5 6 7 8 9 10 11 12 13

   public ActionResult NotFound() {     Response.TrySkipIisCustomErrors = true;     Response.StatusCode = (int)HttpStatusCode.NotFound;     return View("NotFound"); }   public ActionResult InternalServerError() {     Response.TrySkipIisCustomErrors = true;     Response.StatusCode = (int)HttpStatusCode.InternalServerError;     return View("InternalServerError"); }

4. Congrats, you now have your own custom error pages! Fill the pages with whatever content you want. I decided to use simple images. Don’t ask me about the car wreck, I was also suprised when I bumped into it on a national park hike.

More creative solutions can be found here.