Flask返回404错误页面|极客笔记

Flask返回404错误页面

在Web开发中，经常会遇到页面找不到的情况，这时服务器会返回一个404错误页面。在Flask中，我们可以自定义404页面来提高用户体验，让用户知道这个页面不存在，并提供一些其他有用的信息。

什么是404错误

当用户访问一个不存在的页面时，服务器会返回一个404错误页面。这通常发生在用户手动输入了一个错误的URL或者点击了一个已经被删除的链接。

在Flask中，默认的404错误页面是一个简单的文本信息，告诉用户页面不存在。为了让页面看起来更友好，并提供一些帮助信息，我们可以自定义404页面。

如何自定义404页面

要自定义404页面，我们需要在Flask应用中注册一个错误处理函数。这个函数会在Flask捕获到404错误时被调用，并返回自定义的404页面。

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

from flask import Flask, render_template

app = Flask(__name__)

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

# 首页路由
@app.route('/')
def index():
    return 'Welcome to my website!'

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

在上面的代码中，我们首先导入Flask和render_template函数。然后创建一个Flask应用，定义了一个错误处理函数page_not_found，并在该函数中返回了一个渲染过的404页面404.html。最后定义了一个简单的首页路由index。

接下来我们需要创建一个404.html文件，用来显示自定义的404页面。在这个文件中，我们可以添加一些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;
        }
    </style>
</head>
<body>
    <h1>404 Not Found</h1>
    <p>The page you are looking for does not exist.</p>
</body>
</html>

在这个示例中，我们简单地显示了一个标题404 Not Found和一段提示信息The page you are looking for does not exist.。你可以根据自己的需要来自定义这个页面。