如何为我的网站制作自定义“找不到文件(404、500)[http 错误代码]”

How do I make a custom 'File not found(404, 500)[http error code]'for my website

我看到一些网站有自己的文件未找到页面和他们的标志。

我的网站想要这样的页面。

请告诉我如何制作这种类型的页面,在找不到文件时向用户显示。

如果您使用的是 Apache 服务器 在你的项目文件夹中 考虑您的项目在

/mySampleProject

如果 /mySampleProject 中没有文件,请创建 .htaccess 文件。

只需将这一行添加到您的 .htaccess

ErrorDocument 404 /yourCustom404Template.html

我会建议您使用您想要构建此应用程序的任何编程语言的框架。他们有针对此类要求的内置定制安排,例如

if(file_not_found逻辑){ 显示 404_page }

首先,您需要一个 HTML 或 PHP 文件来显示 404 发生的时间。让我们像这样创建一个简单的 HTML 文件:

<h2> 404 Not Found! </h2>
<pre> Seems like the resource you're looking for is not found </pre>

我们称这个文件为404.html。

现在您必须配置您的网络服务器以将未找到的请求重定向到您的新 HTML 文档。

如果您使用的是 Apache:

您可以通过不同的方式完成,最常见和推荐的是使用 .htaccess 文件,它允许您覆盖虚拟主机的 Apache 配置。但是,为了能够在您的虚拟主机中使用 .htaccess 文件,您需要在您的 apache 配置中添加 allowOverride all

apache 配置示例:

<Directory /path/to/your/project>
    Options FollowSymLinks
    AllowOverride All # This is the needed option
    Order allow,deny
    Allow from all
    Require all granted
</Directory>

现在您可以将 .htaccess 文件放入您的项目中,只需创建它并将其放入其中:

ErrorDocument 404 /path/to/404.html/document

如果您使用的是 Nginx:

您必须在 nginx 配置中添加错误页面。遵循本指南以实现它:

https://www.digitalocean.com/community/tutorials/how-to-configure-nginx-to-use-custom-error-pages-on-ubuntu-14-04