Flask当中render_template函数使用过程当中css文件无法正常渲染,直接显示的html。
当在Flask应用程序中使用render_template函数呈现HTML模板时,如果您的CSS文件未正确加载,则可能有以下原因:
如果您经常需要在二级目录中使用静态文件,您可以使用Flask的url_for函数生成相对路径,如下所示:
<link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css', _external=True) }}">
其中static是Flask应用程序中的静态文件夹的名称,css/styles.css是相对于静态文件夹的CSS文件路径。_external=True将使生成的URL成为绝对路径,而不是相对路径。在这种情况下,您可以使用相对路径或绝对路径来指定CSS文件路径。
如果您的CSS文件位于Flask应用程序的二级目录中,您需要使用相对路径指定CSS文件路径,而不是绝对路径。假设您的CSS文件位于名为"static"的子目录中,您可以在HTML文件中这样引用CSS文件:
<link rel="stylesheet" href="../static/css/styles.css">
其中,…表示返回到上一级目录,然后进入static/css子目录。请确保CSS文件实际位于这个路径下,否则它将无法正确加载。