Flask 如何在Flask中提供静态文件

在本文中，我们将介绍如何在Flask中提供静态文件的方法。Flask是一个轻量级的Python Web框架，可以用于快速开发Web应用。静态文件，如CSS、JavaScript和图片等，不需要动态生成，可以直接提供给用户。在Flask中，我们可以通过自定义静态文件夹路径，并使用Flask提供的特定函数来提供静态文件。

阅读更多：Flask 教程

配置Flask静态文件夹

要在Flask中提供静态文件，首先需要通过配置告诉Flask静态文件所在的文件夹路径。默认情况下，Flask使用static文件夹作为静态文件的存放位置。您可以按照以下步骤修改默认配置：

在您的项目文件夹中，创建一个名为static的文件夹，用于存放静态文件。

在您的Flask应用文件（通常是app.py或main.py）中添加以下代码，指定静态文件夹路径：

from flask import Flask
import os

app = Flask(__name__)

app.config['STATIC_FOLDER'] = os.path.join(os.path.dirname(os.path.abspath(__file__)), 'static')

这样，您就成功配置了Flask的静态文件夹路径为项目文件夹中的static文件夹。

提供静态文件

在配置好静态文件夹路径后，接下来就是提供静态文件给用户访问。Flask提供了一个名为url_for的函数，可以帮助我们生成静态文件的URL。在模板中，您可以使用url_for函数来引用静态文件，例如CSS文件和JavaScript文件，以确保正确的URL路径。

以下是一个简单的示例，展示了如何在模板中引用静态文件：

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
</head>
<body>
    < img src="{{ url_for('static', filename='img/logo.png') }}" alt="Logo">
    <script src="{{ url_for('static', filename='js/script.js') }}"></script>
</body>
</html>

在上面的示例中，url_for函数用于生成CSS文件、图片和JavaScript文件的URL，并将其应用于对应的HTML标签中。

设置静态文件缓存

为了提高性能并减少网络请求，我们可以配置静态文件的缓存。Flask提供了一个名为send_from_directory的函数，可以帮助我们设置文件缓存。下面是一个示例代码：

from flask import Flask, send_from_directory
import os

app = Flask(__name__)
app.config['SEND_FILE_MAX_AGE_DEFAULT'] = 3600 # 缓存时间为1小时

@app.route('/static/<path:filename>')
def static_files(filename):
    return send_from_directory(app.config['STATIC_FOLDER'], filename)

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

在上面的示例中，我们使用send_from_directory函数来设置静态文件缓存。SEND_FILE_MAX_AGE_DEFAULT参数定义了缓存的有效时间，单位是秒。这样，当用户请求某个静态文件时，如果文件存在并且缓存未过期，Flask将直接返回该文件，而不需要再次读取和传输文件。

总结

在本文中，我们介绍了如何在Flask中提供静态文件的方法。通过配置静态文件夹路径，并使用Flask提供的函数，我们可以轻松地在Web应用中引用和提供静态文件。如果您正在使用Flask开发Web应用，希望本文对您有所帮助。Flask的静态文件服务功能使得开发和交付Web应用变得更加高效和方便。# Flask 如何在Flask中提供静态文件