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 id="Forbidden">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!
NGINX Unit: Supporting Different Programming LanguagesApr 16, 2025 am 12:15 AMNGINXUnit supports multiple programming languages and is implemented through modular design. 1. Loading language module: Load the corresponding module according to the configuration file. 2. Application startup: Execute application code when the calling language runs. 3. Request processing: forward the request to the application instance. 4. Response return: Return the processed response to the client.
Choosing Between NGINX and Apache: The Right Fit for Your NeedsApr 15, 2025 am 12:04 AMNGINX and Apache have their own advantages and disadvantages and are suitable for different scenarios. 1.NGINX is suitable for high concurrency and low resource consumption scenarios. 2. Apache is suitable for scenarios where complex configurations and rich modules are required. By comparing their core features, performance differences, and best practices, you can help you choose the server software that best suits your needs.
How to start nginxApr 14, 2025 pm 01:06 PMQuestion: How to start Nginx? Answer: Install Nginx Startup Nginx Verification Nginx Is Nginx Started Explore other startup options Automatically start Nginx
How to check whether nginx is startedApr 14, 2025 pm 01:03 PMHow to confirm whether Nginx is started: 1. Use the command line: systemctl status nginx (Linux/Unix), netstat -ano | findstr 80 (Windows); 2. Check whether port 80 is open; 3. Check the Nginx startup message in the system log; 4. Use third-party tools, such as Nagios, Zabbix, and Icinga.
How to close nginxApr 14, 2025 pm 01:00 PMTo shut down the Nginx service, follow these steps: Determine the installation type: Red Hat/CentOS (systemctl status nginx) or Debian/Ubuntu (service nginx status) Stop the service: Red Hat/CentOS (systemctl stop nginx) or Debian/Ubuntu (service nginx stop) Disable automatic startup (optional): Red Hat/CentOS (systemctl disabled nginx) or Debian/Ubuntu (syst
How to configure nginx in WindowsApr 14, 2025 pm 12:57 PMHow to configure Nginx in Windows? Install Nginx and create a virtual host configuration. Modify the main configuration file and include the virtual host configuration. Start or reload Nginx. Test the configuration and view the website. Selectively enable SSL and configure SSL certificates. Selectively set the firewall to allow port 80 and 443 traffic.
How to solve nginx403 errorApr 14, 2025 pm 12:54 PMThe server does not have permission to access the requested resource, resulting in a nginx 403 error. Solutions include: Check file permissions. Check the .htaccess configuration. Check nginx configuration. Configure SELinux permissions. Check the firewall rules. Troubleshoot other causes such as browser problems, server failures, or other possible errors.
How to start nginx in LinuxApr 14, 2025 pm 12:51 PMSteps to start Nginx in Linux: Check whether Nginx is installed. Use systemctl start nginx to start the Nginx service. Use systemctl enable nginx to enable automatic startup of Nginx at system startup. Use systemctl status nginx to verify that the startup is successful. Visit http://localhost in a web browser to view the default welcome page.
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
Atom editor mac version download
The most popular open source editor
MinGW - Minimalist GNU for Windows
This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.
EditPlus Chinese cracked version
Small size, syntax highlighting, does not support code prompt function
Dreamweaver Mac version
Visual web development tools
Notepad++7.3.1
Easy-to-use and free code editor
