如何禁止Flask静态文件直接访问且不影响页面图片渲染？

问题原因 #

你之前写的路由@app.route('/static/images/<path:filename>')会拦截所有访问/static/images/路径下的请求（包括网页里正常引用的图片文件），强制返回404页面，这就是网页图片无法渲染的核心原因。我们需要实现的是只阻止目录列表的直接访问，同时允许合法的图片文件请求。

解决方案 #

方案一：禁用静态目录索引（推荐） #

通过Werkzeug的SharedDataMiddleware关闭静态目录的索引功能，直接访问目录路径时会返回404，但具体图片文件仍能正常加载：

from flask import Flask
from werkzeug.middleware.shared_data import SharedDataMiddleware

app = Flask(__name__)

# 替换默认静态文件中间件，禁用目录索引
app.wsgi_app = SharedDataMiddleware(
    app.wsgi_app,
    {'/static': app.static_folder},
    disable_indexes=True
)

# 你的其他路由和业务逻辑...

方案二：单独拦截目录访问请求 #

只针对/static/images/目录路径（注意结尾的斜杠）写路由拦截，不影响具体图片文件的请求：

from flask import Flask, render_template

app = Flask(__name__)

# 拦截直接访问images目录的请求
@app.route('/static/images/')
def block_images_dir():
    return render_template('404.html'), 404

# 你的其他路由和业务逻辑...

设置完成后，用户直接输入/static/images/会看到404页面，而网页里通过/static/images/xxx.jpg引用的图片能正常渲染。

内容的提问来源于stack exchange，提问作者Gurneesh Budhiraja