python flask使用蓝图渲染模板直接显示html代码问题

最新推荐文章于 2025-03-26 23:07:44 发布

阿飞 Jeff

最新推荐文章于 2025-03-26 23:07:44 发布

阅读量1.7k

点赞数 1

分类专栏： python 文章标签： python flask

本文链接：https://blog.youkuaiyun.com/k417699481/article/details/118795846

版权

python 专栏收录该内容

10 篇文章

订阅专栏

问题描述：

跟着文档示例想简单显示一个html页面的，结果渲染出来的是html源码。。。
看着输出的内容想着应该是没有识别出是html代码的原因，对比html页面的response发现果然不一样，然后开始改response的Content-type

# habit.py内容
# -*- coding: utf-8 -*-
# !/usr/bin/env python

from flask import Blueprint, render_template
habit = Blueprint('habit',__name__)


@habit.route('/')
def index():
    api_list = {}
    return api_list


@habit.route('/get/')
def get(name=None):
    return render_template('cs.html', name=name)


# cs.html内容

<!doctype html>
<title>Hello from Flask</title>
<h1>{{ name }}：</h1>
<h1>Hello, World!</h1>

请求api直接显示html源码

在这里插入图片描述

response信息

在这里插入图片描述

原因分析：

浏览器没有识别到html代码

解决方案：

改response的Content-type
out_html = render_template(‘cs.html’, name=name)

return 多个值
return out_html , "200 Ok", {"Content-type": "text/html"}
return后面的值说明：index.html 表示字符串，也就是网站页面显示的内容
‘200 ok’ 表示状态码和对状态码的解析
{“Content-type”:“text/html”} 表示请求头
请求头不是必须要的，但是前面两个必须要，前提你是retrun多个值，还有就是顺序不能改变。
return make_response
return out_html , 200, {"Content-type": "text/html"})
make_response 它可以传递三个参数第一个还是一个字符串，第二个传状态码，第三个传请求头，
return Response对象
response = Response()
response.data= out_html
response.headers = {“Content-type”: “text/html”}
return response

三种方法都试过，都是可以的
这里贴一下最简单的 return 多个值的结果

# habit.py内容
# -*- coding: utf-8 -*-
# !/usr/bin/env python

from flask import Blueprint, render_template
habit = Blueprint('habit',__name__)


@habit.route('/')
def index():
    api_list = {}
    return api_list


@habit.route('/get/')
def get(name=None):
    out_html = render_template('cs.html', name=name)
    return out_html , "200 Ok", {"Content-type": "text/html"}