Difference between revisions of "Apache 2 - Custom error page"
Line 22: Line 22:
 
         </Location>
 
         </Location>
  
−
         ErrorDocument 403 /errors/error403.html
+
        # 403 access forbidden
 +
         ErrorDocument 403 /errors/error_403.html
 +
        # 404 page not found
 +
        ErrorDocument 404 /errors/error_404.html
 +
        # 500 internal error
 +
        ErrorDocument 500 /errors/error_500.html
 
</syntaxhighlight>
 
</syntaxhighlight>
  
Line 39: Line 44:
 
<syntaxhighlight lang="bash">
 
<syntaxhighlight lang="bash">
 
mkdir -p /var/www/errors
 
mkdir -p /var/www/errors
−
cp <monImage> /var/www/errors/error403.png
+
cp <monImage> /var/www/errors/error_403.png
−
vim /var/www/errors/error403.html
+
vim /var/www/errors/error_403.html
 
</syntaxhighlight>
 
</syntaxhighlight>
  
Line 72: Line 77:
 
<div class="wrapper">
 
<div class="wrapper">
 
<div class="content">
 
<div class="content">
−
<img src="./Error_403.png" alt="Error 403" />
+
<img src="https://dev.daxiongmao.eu/errors/error_403.png" alt="Error 403" />
 +
                                <br/>
 +
                                <span class="errorText">This website is restricted</span><br/>
 
</div>
 
</div>
 
</div>
 
</div>
Line 79: Line 86:
 
</syntaxhighlight>
 
</syntaxhighlight>
  
 +
!! Don't forget to adjust the path in <img ... />
  
  
−
You can download the image over here:
+
==Set rights==
 +
 
 +
<syntaxhighlight lang="bash">
 +
chown -R www-data:www-data /var/www/errors
 +
chmod -R 755 /var/www/errors
 +
</syntaxhighlight>
 +
 
 +
 
 +
 
 +
=Images=
 +
 
 +
You can download some images over here:
 +
 
 +
==403 access forbidden=
 +
 
 
[[File:Error_403.png|none|Error 403]]
 
[[File:Error_403.png|none|Error 403]]
  
 +
 +
==404 page not found==
 +
 +
[[File:Error 404.png|none|Error 404]]
  
  
−
Set rights
+
==500 internal error==
  
−
<syntaxhighlight lang="bash">
+
[[File:Error 500.png|none|Error 500]]
−
chown -R www-data:www-data /var/www/errors
 
−
chmod -R 755 /var/www/errors
 
−
</syntaxhighlight>
 

Revision as of 11:52, 9 August 2014


Update Apache2

Edit your virtual host configuration: 

vim /etc/apache2/site-enabled/smartcards.conf


Add: 

        ## ERROR directory
        Alias   /errors   /var/www/errors
        <Location /errors >
                #Require all granted
                ProxyPass !
                order deny,allow
                allow from all
        </Location>

        # 403 access forbidden
        ErrorDocument 403 /errors/error_403.html
        # 404 page not found
        ErrorDocument 404 /errors/error_404.html
        # 500 internal error
        ErrorDocument 500 /errors/error_500.html


Restart web server 

service apache2 restart


Create the error page

mkdir -p /var/www/errors
cp <monImage> /var/www/errors/error_403.png
vim /var/www/errors/error_403.html


Put the following content 

<html>
	<head>
		<title>403 - Forbidden</title>
		<style type="text/css">		
			.content { 
				width:880px;
				margin: 0 auto;
			}
			.wrapper { 
				display:block; 
				overflow: auto;
			}
			.errorText {
				color: #D63301;
				//background-color: #FFCCBA;
				font-size: 1.25em;
			}
		</style>

		
	</head>

	<body>
		<div class="wrapper">
			<div class="content">
				<img src="https://dev.daxiongmao.eu/errors/error_403.png" alt="Error 403" />
                                <br/>
                                <span class="errorText">This website is restricted</span><br/>
			</div>
		</div>
	</body>
</html>

!! Don't forget to adjust the path in <img ... />


Set rights

chown -R www-data:www-data /var/www/errors
chmod -R 755 /var/www/errors


Images

You can download some images over here:

=403 access forbidden

Error 403


404 page not found

Error 404


500 internal error

Error 500
Retrieved from "http://www.daxiongmao.eu/wiki/index.php?title=Apache_2_-_Custom_error_page&oldid=1031"