無法正確提供燒瓶中的靜態文件

Question

我正在嘗試使用flask將靜態圖像提供給CSS文件。 我正在使用render_template()來獲取html文件，並且我的CSS和javascript有一個靜態目錄。 我的其他圖像正在加載，但是我從css文件引用的圖像不起作用，並且從flask終端獲取了該圖像： GET /static/static/res/typewriter.jpg HTTP/1.1" 404

我嘗試在瀏覽器中輸入路徑，但效果很好

因為CSS文件已經在靜態目錄中，所以這就是我引用圖像的方式。 background-image: url("/res/typewriter.jpg");

我希望對此有一個簡單的解決方法，尤其是因為我是新手。 謝謝！

Answer 1

在您的html文件中，您應該在標題中包含以下內容：

<link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='mainpage.css') }}"> 

...，只要您的靜態目錄名為static。 在我的幾個Flask應用程序中，我正在導入Bootstrap css，如下所示：

  <link rel=stylesheet type=text/css href="{{ url_for('static', filename='bootstrap.css') }}">

確保您正在瀏覽器中訪問http://127.0.0.1:5000 （除非您更改了默認設置）。

這也是我如何從靜態目錄中投放圖片的隨機示例：

h1 class="display-3"> <img src="/static/title_welcome.png" alt="about"></h1>