AWS Lightsail自定义404页面未按预期跳转至首页问题求助

Hey there, let's figure out why your custom 404 setup isn't working as expected on AWS Lightsail!

First off, just copying index.html to 404.html doesn't automatically make the server redirect missing requests to your homepage—that's a common misconception. Here are the most likely issues and fixes:

1. 配置Web服务器使用自定义404页面 #

AWS Lightsail的默认环境（通常是Apache或Nginx，取决于你选的蓝图）不会自动识别你的404.html，必须手动配置：

如果你用的是Apache：

• 通过SSH连接到你的Lightsail实例。
• 找到Apache的配置文件（一般在/etc/httpd/conf/httpd.conf或者/etc/httpd/conf.d/目录下）。
• 在配置文件中添加或修改以下内容：

  ErrorDocument 404 /404.html
  

• 重启Apache使配置生效：

  sudo systemctl restart httpd
  

如果你用的是Nginx：

• SSH登录到实例。
• 打开Nginx的站点配置文件（通常在/etc/nginx/nginx.conf或者/etc/nginx/sites-available/目录下）。
• 在server块内添加这行代码：

  error_page 404 /404.html;
  

• 另外要确保Nginx能正确读取404.html，如果静态文件配置不完整，可能需要添加一个location块：

  location /404.html {
      root /var/www/html; # 这里替换成你的htdocs路径，如果不一样的话
      internal;
  }
  

• 重启Nginx：

  sudo systemctl restart nginx
  

2. 检查文件路径和权限 #

• 确认404.html确实放在了正确的文档根目录（也就是你的htdocs文件夹），路径要和Web服务器配置的一致。
• 检查文件权限：Web服务器用户（Apache是apache，Nginx是nginx）需要有读取404.html的权限。如果权限不对，可以运行以下命令修复：

  sudo chmod 644 /path/to/htdocs/404.html
  sudo chown apache:apache /path/to/htdocs/404.html # 如果是Nginx就换成nginx:nginx
  

3. 如果你想直接跳转到首页（而不是显示首页内容作为404页面） #

你提到“应该被路由到index.html并显示首页”——如果希望URL直接跳转到首页（而不是保持原错误URL并显示首页内容），需要调整配置：

Apache配置：

替换之前的ErrorDocument行，用这个：

ErrorDocument 404 /index.html

如果想要永久301跳转：

ErrorDocument 404 "Redirecting..."
RewriteEngine On
# 捕获所有不存在的页面跳转到首页
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ /index.html [R=301,L]

Nginx配置：

让所有404请求301跳转到首页：

error_page 404 =301 /index.html;

试试这些步骤，如果遇到问题随时说！😊

备注：内容来源于stack exchange，提问作者JobHunter69