Flask应用IE浏览器回退显示‘Webpage has expired’问题求助

这个问题我之前也碰到过，核心原因是IE和Chrome对POST请求的缓存策略差异：当你通过POST提交表单并渲染结果页面后，IE默认不会缓存POST请求的响应。点击回退按钮时，IE会尝试重新发送之前的POST请求，但浏览器认为重复提交POST可能带来副作用（比如重复提交订单、表单），因此弹出“Webpage has expired”的提示；而Chrome会自动缓存POST响应，回退时直接读取缓存内容，所以没有问题。

下面给你几个可行的解决方案，按推荐程度排序：

1. 采用PRG模式（Post/Redirect/Get，推荐） #

这是Web开发中解决这类问题的标准最佳实践，原理是：处理完POST请求后，不直接渲染页面，而是重定向到一个GET路由，由GET路由来渲染结果页面。这样用户回退时，回到的是之前的表单页面（GET请求），而非POST提交后的页面，从根源上避免了IE的提示。

举个代码示例：

from flask import Flask, render_template, request, redirect, url_for, session

app = Flask(__name__)
app.secret_key = 'your-secret-key-here'  # 必须设置才能使用session

# 表单页面（GET请求）
@app.route('/')
def index():
    return render_template('form.html')

# 处理表单提交（POST请求）
@app.route('/submit', methods=['POST'])
def submit():
    # 1. 获取并处理表单数据
    selected_option = request.form.get('option')
    result_data = f"你选择了：{selected_option}"

    # 2. 将结果暂存到session（或数据库，根据需求选择）
    session['result'] = result_data

    # 3. 重定向到GET路由
    return redirect(url_for('show_result'))

# 显示结果的GET路由
@app.route('/result')
def show_result():
    # 从session中取出结果
    result = session.pop('result', None)
    if not result:
        # 如果没有结果，重定向回表单页面
        return redirect(url_for('index'))
    return render_template('result.html', result=result)

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

这样修改后，用户点击回退按钮会回到表单页面，不会触发POST请求的重新提交，IE也就不会弹出过期提示了，同时还能避免用户刷新结果页面时重复提交表单的问题。

2. 强制IE缓存POST响应（应急方案，不推荐） #

如果你暂时不想改动PRG模式，可以通过设置响应头，让IE缓存POST请求的结果。但这个方法有局限性：缓存的页面可能显示过时数据，且如果表单提交涉及状态变更（比如修改数据库），会导致用户看到错误的结果。

代码示例：

from flask import make_response, render_template, request
from datetime import datetime, timedelta

@app.route('/submit', methods=['POST'])
def submit():
    selected_option = request.form.get('option')
    result_data = f"你选择了：{selected_option}"
    
    # 创建响应并设置缓存头
    response = make_response(render_template('result.html', result=result_data))
    # 设置缓存5分钟
    response.headers['Cache-Control'] = 'public, max-age=300'
    response.headers['Expires'] = datetime.now() + timedelta(minutes=5)
    
    return response

为什么debug模式不影响这个问题？ #

不管app.run(debug=True)还是debug=False，Flask对POST请求的处理逻辑没有本质区别，IE的缓存策略是浏览器层面的，和Flask的debug模式无关，所以两种模式下问题都会出现。

内容的提问来源于stack exchange，提问作者Mohd Bilal