从 .html 文件读取其内容的简单 Flask 应用程序。外部样式表被阻止？

我制作了一个非常简单的 Flask 应用程序，它从 .html 文件读取其内容。除了样式之外，该应用程序可以正常工作。奇怪的是，我的内联 CSS 代码可以工作，但外部样式表却不能工作。我已经检查过语法，它应该可以工作。 Flask 是否会以某种方式阻止 .css 文件被读取？

可以查看文件夹内的文件here https://gist.github.com/2550655。这 3 个文件都在同一个文件夹中。

您的代码不使用 Flask 提供文件，它只是读取文件并将其发送到浏览器 - 这就是 URL 不起作用的原因。

您需要从方法内渲染文件。

首先做一个templates与您的文件夹位于同一目录中.py文件并将您的 html 文件移动到此文件夹中。创建另一个文件夹，名为static并将您的样式表放入该文件夹中。

你应该有

/flaskwp1.py
/templates
  webcode.html
/static
  webcodestyle.css

然后，调整你的代码：

from flask import Flask, render_template

app = Flask('flaskwp1')
# webcode = open('webcode.html').read() - not needed

@app.route('/')
def webprint():
    return render_template('webcode.html') 

if __name__ == '__main__':
    app.run(host = '0.0.0.0', port = 3000)

Edit webcode.html:

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