Flask访问404|极客笔记

Flask访问404

在开发网站或者Web应用的过程中，经常会遇到用户访问不存在的页面的情况。这时候我们希望能够友好地提示用户页面不存在，而不是让用户看到系统默认的404错误页面。在使用Flask框架开发Web应用的过程中，我们可以通过自定义404页面来实现这个功能。本文将详细讲解如何在Flask应用中访问404页面。

什么是404错误

404错误，也称为“页面未找到”或“资源未找到”，是指用户请求的页面在服务器上不存在的情况。当用户访问一个不存在的页面时，通常会显示系统默认的404错误页面，内容为“404 Not Found”。这种默认的错误页面通常并不友好，给用户的体验不是很好。因此，我们希望能够自定义404页面，显示更友好的提示信息。

Flask自定义404页面

在Flask中，我们可以通过装饰器@app.errorhandler(404)来自定义处理404错误的函数。我们可以在这个函数中渲染一个自定义的404页面，向用户展示页面不存在的提示信息。

以下是一个简单的示例代码，演示如何在Flask应用中自定义404页面：

from flask import Flask, render_template

app = Flask(__name)

@app.route('/')
def index():
    return 'Hello, World!'

# 自定义404页面
@app.errorhandler(404)
def page_not_found(error):
    return render_template('404.html'), 404

if __name__ == '__main__':
    app.run(debug=True)

在上面的示例中，我们定义了一个Flask应用，添加了一个路由'/'，当用户访问根路径时返回Hello, World!。然后我们使用@app.errorhandler(404)装饰器定义了一个处理404错误的函数page_not_found()，在该函数中调用render_template()方法渲染了一个名为404.html的模板，并返回状态码404。

编写404页面模板

为了能够显示自定义的404页面，我们需要在Flask应用的模板文件夹中创建一个404.html模板文件。在该模板文件中，我们可以编写自定义的HTML和CSS代码，用于展示页面不存在的提示信息。

以下是一个简单的404.html模板文件示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>404 Not Found</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            padding: 50px;
        }
        h1 {
            font-size: 48px;
            color: #333;
        }
        p {
            font-size: 16px;
            color: #666;
        }
    </style>
</head>
<body>
    <h1>404 Not Found</h1>
    <p>Sorry, the page you are looking for is not found.</p>
</body>
</html>

在上面的示例中，我们定义了一个简单的404页面模板，包含一个h1标题和一个p段落，分别用于展示404错误提示信息。