404 是什么意思？常见404代码示例

爱编程的鱼

于 2025-05-11 21:23:39 发布

阅读量1.3k

点赞数 24

分类专栏：前端文章标签：开发语言算法前端

本文链接：https://blog.csdn.net/m0_69824302/article/details/147879473

版权

前端专栏收录该内容

43 篇文章

订阅专栏

原文：404 是什么意思？常见404代码示例 | w3cschool笔记

（注意：本文并非我原创，请勿将文章标记为付费）

你是否在浏览网页时突然看到 “404 Not Found” 的提示，一脸懵，不知所措？别担心，今天我就来给大家详细说说 404 是什么意思。

一、404 的含义

404 是 HTTP 状态码之一，表示客户端能够与服务器通信，但服务器无法找到请求的资源。简单来说，就是你访问的页面不存在。

二、404 错误的常见原因

（一）页面被删除或移动

网站管理员可能删除了某个页面，或者将页面移动到新的 URL，但没有设置正确的重定向。当用户访问旧 URL 时，就会遇到 404 错误。

（二）URL 输入错误

用户在浏览器中手动输入 URL 时，可能会拼写错误，或者点击了错误的链接，导致服务器无法找到对应的资源，从而返回 404 错误。

（三）服务器配置问题

服务器配置错误可能导致某些资源无法被找到。例如，服务器上的文件被意外删除或移动，或者服务器没有正确配置对特定资源的处理程序。

（四）路由配置错误

如果你使用的是 Web 框架，路由配置错误可能导致页面无法正确匹配，从而出现 404 错误。

（五）文件权限问题

即使文件存在，如果服务器没有正确的权限来访问该文件，也会返回 404 错误。

（六）网络或缓存问题

有时浏览器缓存或网络问题可能导致网页加载异常，出现 404 错误。可以尝试清除浏览器缓存或检查网络连接后重新加载网页。

三、404 错误的影响

404 错误会影响用户体验，用户无法访问想要的内容，可能会导致用户流失。此外，大量 404 错误还可能影响网站在搜索引擎中的排名。

四、404 错误的解决方法

（一）检查 URL

确保输入的网址没有错误，包括字母、数字和符号等。

（二）清除浏览器缓存

有时浏览器缓存会导致网页无法正常加载，可以尝试清除缓存后重新加载网页。

（三）尝试使用其他浏览器

如果当前浏览器无法打开页面，可以尝试使用其他浏览器进行访问。

（四）检查服务器配置

网站管理员应检查服务器配置文件，确保正确配置了网站的根目录或特定文件类型的处理程序。

（五）设置重定向

如果页面被移动或删除，应设置 301 重定向，将用户自动引导到新的 URL。

（六）检查文件路径和权限

确保服务器上文件的路径与 URL 中的路径匹配，并且服务器具有访问请求资源的权限。

（七）利用相关工具检查

可以使用一些在线工具来检查网站上的 404 错误，例如 Google Search Console。

（八）联系网站管理员

如果以上方法都无法解决问题，可以联系网站管理员寻求帮助。

五、如何预防 404 错误

（一）定期检查网站链接

确保所有链接都是最新的，并且指向正确的页面。

（二）设置友好的错误提示页面

为用户提供符合网站风格的 404 错误提示页面，提供导航选项，帮助用户找到他们想要的内容。

（三）使用代码版本控制系统

使用 Git 等代码版本控制系统可以追踪代码的变化历史，方便回溯和查找潜在的错误来源。

六、课程推荐

如果你想深入了解 Web 开发和网站管理的相关知识，可以学习编程狮（W3Cschool）上的以下课程：

《Web 前端开发》 ：学习 HTML、CSS 和 JavaScript 等前端开发技术，掌握如何构建和优化网站。
《WEB实战：使用Node.JS在云服务器搭建个人网站》 ：学习服务器的配置和管理，了解如何避免和解决服务器端的问题，确保网站的正常运行。

总之，404 错误是我们在浏览网页时常见的问题之一。通过了解其原因和解决方法，我们可以更好地应对和预防这类问题，提升网站的用户体验和运营效果。

七、常见404代码示例

以下为一些常见的 404 错误代码示例：

HTML 示范页面

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>404 页面未找到 - 编程狮</title>
<style>
    body {
        font-family: Arial, sans-serif;
        background-color: #f4f4f4;
        margin: 0;
        padding: 0;
    }
    .container {
        max-width: 800px;
        margin: 50px auto;
        background-color: #fff;
        padding: 30px;
        border-radius: 5px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        text-align: center;
    }
    h1 {
        color: #e74c3c;
    }
    p {
        font-size: 18px;
        line-height: 1.6;
    }
    a {
        display: inline-block;
        margin-top: 20px;
        padding: 10px 20px;
        background-color: #3498db;
        color: #fff;
        text-decoration: none;
        border-radius: 3px;
    }
    a:hover {
        background-color: #2980b9;
    }
</style>
</head>
<body>
<div class="container">
    <h1>404 - 页面未找到</h1>
    <p>很抱歉，您访问的页面在编程狮上不存在。</p>
    <a href="https://w3cschool.cn">返回编程狮首页</a>
</div>
</body>
</html>

Flask 框架自定义 404 页面（Python）

from flask import Flask, render_template
app = Flask(__name__)
@app.errorhandler(404)
def page_not_found(e):
return render_template('404.html'), 404  # 自定义的 404 页面
@app.route('/')
def home():
return "编程狮首页"
if __name__ == '__main__':
app.run(debug=True)

在项目中创建一个 templates 文件夹，在里面新建 404.html 文件，内容如下：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>404 页面未找到 - 编程狮</title>
</head>
<body>
<div style="text-align: center; margin-top: 50px;">
    <h1 style="color: red;">404 - 页面未找到</h1>
    <p>您请求的页面在编程狮上不存在。</p>
    <a href="{{ url_for('home') }}">返回首页</a>
</div>
</body>
</html>

Django 框架自定义 404 页面（Python）

在 Django 项目的 views.py 文件中添加：

from django.shortcuts import render
def custom_page_not_found(request, exception):
return render(request, '404.html', status=404)

在 urls.py 文件中添加：

from django.conf.urls import handler404
from .views import custom_page_not_found
handler404 = custom_page_not_found

创建一个 404.html 文件，内容如下：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>404 页面未找到 - 编程狮</title>
</head>
<body>
<div style="text-align: center; margin-top: 50px;">
    <h1 style="color: orange;">404 - 页面未找到</h1>
    <p>很抱歉，您访问的页面在编程狮上不存在。</p>
    <a href="{% url 'home' %}">返回首页</a>
</div>
</body>
</html>