Operation and Maintenance
Nginx
Nginx error page configuration, beautify website failure prompts
Nginx error page configuration, beautify website failure prompts
Nginx error page configuration, beautify website fault prompts
During the operation of the website, it is inevitable to encounter server errors or other failures. These problems will cause users to be unable to access the website normally. In order to improve user experience and website image, we can configure Nginx error pages to beautify website failure prompts. This article will introduce how to customize the error page through Nginx's error page configuration function, and provide code examples as a reference.
1. Modify the Nginx configuration file
First, we need to open the Nginx configuration file, which is usually located at /etc/nginx/nginx.conf or /etc/nginx/conf.d/default. conf. Find the server block and add the following configuration:
server {
...
error_page 403 /error/403.html;
error_page 404 /error/404.html;
error_page 500 502 503 504 /error/50x.html;
...
}In the above configuration, the error_page directive is used to set the path of the error page, which can be a local file path or a URI. 403 indicates access denied error, 404 indicates that there is no error on the page, and 500, 502, 503, and 504 indicate server errors.
2. Create an error page
We need to create the corresponding error page file and save it in the specified path. Next, we take the 403 error page as an example, create a file named 403.html, and save it in the error directory under the nginx configuration directory.
$ sudo mkdir /usr/share/nginx/error $ sudo touch /usr/share/nginx/error/403.html $ sudo nano /usr/share/nginx/error/403.html
In 403.html, we can customize the error message and add some text, icons, links, etc. to remind users that a 403 error has occurred.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>403 Forbidden</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f6f6f6;
margin: 0;
padding: 50px;
text-align: center;
}
h1 {
font-size: 24px;
color: #333;
margin-bottom: 20px;
}
p {
font-size: 18px;
color: #666;
margin-bottom: 20px;
}
</style>
</head>
<body>
<h1>403 Forbidden</h1>
<p>抱歉，您没有权限访问该页面。</p>
</body>
</html>3. Restart Nginx
After completing the above configuration, we need to restart Nginx to make it take effect.
$ sudo systemctl restart nginx
4. Verify configuration
Enter a non-existent URL in the browser, such as http://example.com/123456, and you will see the customized 404 error page. In the same principle, when a user does not have permission to access a URL, our customized 403 error page will also be displayed.
Through Nginx error page configuration, we can beautify website fault prompts and improve user experience and website image. In addition to 403 and 404 error pages, we can also customize other types of error pages, such as 500, 502, 503, etc. Just follow the above steps, add the corresponding error_page directive in the Nginx configuration file, and create the corresponding error page file.
Summary:
Nginx provides flexible error page configuration functions, allowing us to customize the website failure prompt page. Through elegant error page design and prompt information, we can improve user experience and at the same time present a friendly and professional image to users. The above is an introduction and sample code for Nginx error page configuration. I hope it will be helpful to you in beautifying website fault prompts.
The above is the detailed content of Nginx error page configuration, beautify website failure prompts. For more information, please follow other related articles on the PHP Chinese website!
Hot AI Tools
Undresser.AI Undress
AI-powered app for creating realistic nude photos
AI Clothes Remover
Online AI tool for removing clothes from photos.
Undress AI Tool
Undress images for free
Clothoff.io
AI clothes remover
AI Hentai Generator
Generate AI Hentai for free.
Hot Article
Hot Tools
Notepad++7.3.1
Easy-to-use and free code editor
SublimeText3 Chinese version
Chinese version, very easy to use
Zend Studio 13.0.1
Powerful PHP integrated development environment
Dreamweaver CS6
Visual web development tools
SublimeText3 Mac version
God-level code editing software (SublimeText3)
Hot Topics
Nginx error page configuration, beautify website failure prompts
Jul 04, 2023 pm 01:33 PM
Nginx error page configuration, beautify website fault prompts. During the operation of the website, it is inevitable to encounter server errors or other faults. These problems will cause users to be unable to access the website normally. In order to improve user experience and website image, we can configure Nginx error pages to beautify website failure prompts. This article will introduce how to customize the error page through Nginx's error page configuration function, and provide code examples as a reference. 1. Modify the Nginx configuration file. First, we need to open the Nginx configuration.
How to implement Nginx cross-origin resource sharing (CORS) configuration
Nov 08, 2023 pm 12:22 PM
How to implement Nginx's cross-domain resource sharing (CORS) configuration requires specific code examples. With the popularity of front-end and back-end separation development, cross-domain resource sharing (CORS) issues have become a common challenge. In web development, due to the browser's same-origin policy restrictions, client-side JavaScript code can only request resources with the same domain name, protocol, and port as the page where it is located. However, in actual development, we often need to request resources from different domain names or different subdomains. At this time, you need to use CO
Nginx access control configuration to restrict access to specified users
Jul 04, 2023 am 10:37 AM
Nginx access control configuration to restrict access to specified users. In a web server, access control is an important security measure used to restrict access rights to specific users or IP addresses. As a high-performance web server, Nginx also provides powerful access control functions. This article will introduce how to use Nginx configuration to limit the access permissions of specified users, and provide code examples for reference. First, we need to prepare a basic Nginx configuration file. Assume we already have a website with a configuration file path of
Error page and exception handling in Yii framework
Jun 21, 2023 pm 03:27 PM
The Yii framework is a high-performance PHP framework widely used in web application development. In Yii applications, error pages and exception handling modules are one of the very important functions. This article will briefly introduce the error page and exception handling modules in the Yii framework, and provide some practical sample code to help you better understand and use these functions. 1. Error page When a user accesses a page that does not exist, an incorrect connection occurs, or other errors occur, the Yii framework will display an error page by default. This page usually
How to solve 0x80070002
Oct 27, 2023 pm 03:22 PM
Error code 0x80070002 usually indicates that a file or directory non-existence error occurred while performing an operation. The solution: 1. Check whether the file or directory exists and ensure that the relevant file or directory exists on your computer; 2. Perform a system file check: run the system file check tool to scan and repair possible damaged system files; 3. Clear temporary files: Delete temporary files and cache on the computer; 4. Fix Windows update problems; 5. Run system restore.
How to configure a VPS server using NGINX and PM2
Sep 27, 2023 pm 12:54 PM
How to use NGINX and PM2 to configure a VPS server. In the process of building a web server, using NGINX and PM2 is a common configuration method. NGINX is a high-performance web server commonly used for reverse proxy and load balancing. PM2 is a process management tool that can run and manage Node.js applications on the server. This article will introduce how to configure a VPS server using NGINX and PM2, and provide specific code examples. Step 1: Install NGINX and PM2
How Nginx implements access control configuration based on request source domain name
Nov 08, 2023 am 09:06 AM
How Nginx implements access control configuration based on the domain name of the request source requires specific code examples. Nginx is a high-performance web server software. It can not only serve as a static file server, but can also implement flexible access control through configuration. This article will introduce how to implement access control configuration based on the request source domain name through Nginx, and provide specific code examples. The Nginx configuration file is usually located in /etc/nginx/nginx.conf. We can add relevant configurations to this file.
Nginx restricts access to IP segment configuration to improve website security
Jul 04, 2023 am 09:07 AM
Nginx restricts access to IP segment configuration and improves website security. In today's Internet era, website security is one of the important concerns of any enterprise or individual. There are endless hackers and cybercriminals launching malicious attacks, so it is crucial to protect your website from malicious requests and illegal access. As a high-performance web server and reverse proxy server, Nginx provides powerful security features, one of which is to restrict access to IP segments. This article will introduce how to use Nginx configuration to restrict access to IP segments and improve the website’s
