为啥我的 Flask 应用程序无法连接到我的 CSS 文件？ [复制]
Posted
技术标签:
【中文标题】为啥我的 Flask 应用程序无法连接到我的 CSS 文件？ [复制]【英文标题】：Why won't my Flask app connect to my CSS files? [duplicate]为什么我的 Flask 应用程序无法连接到我的 CSS 文件？ [复制] 【发布时间】：2018-01-15 23:56:21 【问题描述】：这是我的项目层次结构：
项目
这是我的 html 文件：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello World</title>
<link rel="stylesheet" type="text/css" href=" url_for('static', filename='custom.css') "/>
</head>
<body>
<h1>Hello World</h1>
</body>
</html>
我的 .py 烧瓶文件：
from flask import Flask, render_template, redirect, json, url_for, request, abort
from pymongo import MongoClient
client = MongoClient()
db = client.web_zoo
app = Flask(__name__)
@app.route('/')
def index():
return render_template('home.html')
if __name__ == "__main__":
app.run(debug=True)
还有我的 CSS 文件：
body
color: green;
h1
color: orange;
HTML 和 .py 文件工作正常，HTML 被渲染并显示在页面上。但是CSS没有改变。它只是以普通的黑色文本显示。
注意：所有这些导入都在那里，因为我正在做其他事情。我剥离了其他所有东西，仍然有这个问题。
我可以将引导程序链接到它，并且 CSS 可以工作，但不适用于我自己的 CSS 文件。
我已经查看并尝试了以下解决方案：
CSS Problems with Flask Web App
Application not picking up .css file (flask/python)
best way to override bootstrap css
这可能很明显，但我被卡住了。有什么帮助吗？提前致谢！
编辑 - 我现在添加了项目层次结构的图片，而不仅仅是一个列表。如您所见，其中还有一些其他 HTML 文件，但没有使用或引用。
【问题讨论】：
您确定标签 获取到您的 css 文件的正确路径吗？ 您是否尝试过访问您的 css 文件所在的 url 并按 F5？例如转到127.0.0.1:8000/static/custom.css（使用您的浏览器）并按 F5。对我来说，完成了这项工作。 @A.Lord 实际上我不记得了（不久前我遇到了这个问题），但这里有一个有趣的线程：***.com/questions/21714653/flask-css-not-updating。 @A.Lord ***.com/questions/2263096/… 这似乎与这个问题有关 Google Chrome 将样式存储在自己的缓存中。如果您对 CSS 进行更改并尝试访问同一网页，则会保留上次保存的 CSS。您必须直接转到 CSS 文件（通过 HTTP 访问）并刷新以反映更改 【参考方案1】：试试
CTRL+SHIFT+R
在 Chrome 中重新加载 CSS。
在 Mac 上尝试：
CMD+SHIFT+R
否则，在 Chrome 中右键单击页面，选择 Inspect 并选择 Console 标签以查看您遇到的错误。 p>
【讨论】：
太棒了，谢谢！比每次都刷新 CSS 文件要容易得多。以上是关于为啥我的 Flask 应用程序无法连接到我的 CSS 文件？ [复制]的主要内容，如果未能解决你的问题，请参考以下文章
为啥我的 Azure 应用服务无法使用托管标识连接到 Azure 存储帐户？
Python Flask SQLAlchemy 容器无法连接到 MySQL 容器
无法通过 Python Elastic Beanstalk 中的 Flask SQLAlchemy URI 连接到 AWS MySQL RDS 实例
为啥我的 android 设备无法连接到 charles 代理，但在我连接到 Fiddler 代理时可以工作？
Flask SQLalchemy 无法使用 Unix 套接字连接到 Google Cloud Postgresql 数据库