手动阀

在Nginx中配置自定义的404错误页面，以及通过AJAX请求返回404页面的方法如下：

配置自定义404错误页面

1、创建404页面:

你需要创建一个自定义的404错误页面，在你的网站根目录下创建一个文件404.html。

2、修改Nginx配置文件:

打开你的Nginx配置文件（通常是/etc/nginx/nginx.conf 或者/etc/nginx/sites-available/default），然后在你的服务器块 (server {}) 内添加以下配置：

   server {
       listen       80;
       server_name  yourdomain.com;
       root /var/www/html;
       index index.html index.htm;
       # 配置自定义404页面
       error_page 404 /custom_404.html;
       location = /custom_404.html {
           internal;
           root /var/www/html;
       }
       location / {
           try_files $uri $uri/ =404;
       }
   }

这里我们做了几件事：

error_page 404 /custom_404.html; 指定当发生404错误时使用/custom_404.html 作为响应。

location = /custom_404.html 块确保这个路径是内部处理的，并且指向正确的文件。

3、重启Nginx:

保存文件并重启Nginx服务以应用更改：

   sudo systemctl restart nginx

AJAX请求返回404页面

如果你希望通过AJAX请求返回一个404页面，可以按照以下步骤进行：

1、前端代码:

假设你有一个按钮点击后触发AJAX请求，JavaScript代码可能如下：

   document.getElementById('myButton').addEventListener('click', function() {
       fetch('/nonexistent-page')
           .then(response => {
               if (response.status === 404) {
                   return response.text(); // 获取404页面的内容
               } else {
                   throw new Error('Unexpected response status');
               }
           })
           .then(content => {
               document.getElementById('errorContainer').innerHTML = content;
           })
           .catch(error => {
               console.error('Error:', error);
           });
   });

2、后端配置:

确保你的Nginx配置已经设置好如上所述的自定义404页面，这样当AJAX请求到一个不存在的页面时，会返回你的自定义404页面内容。

3、HTML结构:

在你的HTML文件中，确保有一个元素用于显示错误信息，

   <button id="myButton">Trigger 404</button>
   <div id="errorContainer"></div>

通过这些步骤，你可以配置Nginx以提供自定义的404错误页面，并通过AJAX请求返回该页面的内容。