html - CSS 文件不会链接到 HTML 文件

Question

这是我的 html 文件 (json_form.html) 中的链接

<link rel="stylesheet" type="text/css" href="../assets/json_form.css">

我正在尝试将 json_form.css 链接到 json_form.html，我已经尝试使用绝对文件路径但无济于事。

每当 json_form.html 在我的网络应用程序上加载时，我都会收到此错误：

“GET /assets/json_form.css HTTP/1.1”404 -

所以我猜它由于某种原因无法找到 CSS 文件。我见过很多有类似问题的人，但他们的回答对我没有帮助。有人可以让我完成所有可能有问题的事情吗？

这是我的文件目录供参考：

标签： htmlcssflask

Answer 1

您需要使用静态目录的名称配置 Flask。

当你初始化你的 Flask 应用程序时，你可以设置：

app = Flask(__name__, static_url_path='/assets')

注意：默认情况下，它是/static，所以如果你将你的资产文件夹重命名为static，那应该也可以。

然后在您的 HTML 中，您可以使用该资产：

<link rel="stylesheet" type="text/css" href="json_form.css">