如何使用flask在html中显示相同的缩进json内容？

要在HTML中显示相同缩进的JSON内容，可以使用Flask框架来实现。Flask是一个轻量级的Python Web框架，可以用于构建Web应用程序。

首先，需要安装Flask。可以使用pip命令来安装Flask：

pip install flask

接下来，创建一个Flask应用程序，并编写一个路由函数来处理请求。在这个路由函数中，可以使用Flask提供的jsonify函数将JSON数据转换为响应对象，并设置响应头的Content-Type为application/json。

from flask import Flask, jsonify

app = Flask(__name__)

@app.route('/')
def display_json():
    json_data = {
        "name": "John",
        "age": 30,
        "city": "New York"
    }
    return jsonify(json_data)

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

在上述代码中，json_data是一个示例的JSON数据。在路由函数display_json中，使用jsonify函数将json_data转换为响应对象，并返回给客户端。

接下来，创建一个HTML模板文件，用于显示JSON内容。在模板文件中，可以使用Flask提供的模板语法来动态生成HTML内容。

<!DOCTYPE html>
<html>
<head>
    <title>Display JSON</title>
</head>
<body>
    <pre>{{ json_data }}</pre>
</body>
</html>

在上述模板文件中，使用{{ json_data }}来显示JSON内容。pre标签用于保留原始的文本格式，以保持相同的缩进。

最后，在Flask应用程序中的路由函数中，使用render_template函数来渲染HTML模板，并将JSON数据传递给模板。

from flask import Flask, jsonify, render_template

app = Flask(__name__)

@app.route('/')
def display_json():
    json_data = {
        "name": "John",
        "age": 30,
        "city": "New York"
    }
    return render_template('index.html', json_data=json_data)

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

在上述代码中，render_template函数将index.html模板渲染为HTML，并将json_data传递给模板。

通过以上步骤，当访问Flask应用程序的根路径时，将显示相同缩进的JSON内容。