无法加载资源:服务器响应状态为 404(未找到)Flask 应用程序

问题描述 投票:0回答:1

我收到此错误,但我的文件确实存在,并且我认为我的文件结构是正确的,我不知道该怎么做,因为我已经尝试了在网上找到的所有内容,但仍然无法加载css 到我的 html 基本模板。

这是我的结构:

C:.
│   run.py
│   
├───instance
│       site.db
│       
├───jecco
│       models.py
│       routes.py
│       __init__.py
│
├───static
│       style.css
│
└───templates
        base.html

这是我的base.html:

<!doctype html>
<html lang="es">
  <head>
      <!-- Required meta tags -->
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
      <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
      <title>MyProject</title>

  </head>
  <body>


      <header class="header">

        <div>
            <h1>Welcome</h1>
            <a href="{{ url_for('main.home')}}">Inicio</a>
            <a href="">Catalogo</a>
            <a href="">Rendimiento</a>
            <hr>
        </div>
 
      </header>

      <h1>Hello, world!</h1>

  </body>

这是我的CSS文件:

.header{
     background-color: blueviolet;
     display: grid;
     grid-template-columns: 1fr 2fr;
 }

我尝试将文件移动到与模板相同的文件夹,使用样式文件夹而不是静态文件夹,并使用相对和绝对路径。

python html css flask
1个回答
0
投票

我已经找到了用这行代码解决这个问题的方法:

app = Flask(__name__, template_folder="../templates", static_folder="../static")

设置静态文件夹后,它可以工作,但请记住!使用斜线之前的 2 个点,否则不起作用。

© www.soinside.com 2019 - 2024. All rights reserved.