在Flask WebFrame中 CSS无法加载

前端开发 2026-07-11

我正在用Flask框架构建一个银行应用，并试图把HTML关联起来。

到现在为止，我所做的如下：

清除浏览器的所有Cookie和缓存并运行代码；还在隐身模式下运行过代码，因为我以为浏览器不会清除缓存。
我尝试删除 __pycache__ 文件夹，并重新构建项目以查看是否有任何问题，但仍然未能解决。
浏览器的开发者控制台显示错误style.css:1 Failed to load resource: the server responded with a status of 404 (NOT FOUND)，但我在正确的目录中确实有Template文件夹和Static文件夹，仍然无法消除此错误。

App.py:

from flask import Flask,render_template  
from transactions import flag_transaction,df  



app = Flask(__name__)  


.route('/')  
def welcome_Page():  
    return render_template('index.html')  



df['risk_flag'] = df.apply(flag_transaction, axis=1)  


.route('/report')  
def final_report():  
    counts = df['risk_flag'].value_counts()  
    fraud = counts['Fraud']  
    sus = counts['Suspecious']  
    clean = counts['Clean']  
    return render_template('report.html', fraud=fraud, sus=sus, clean=clean)  





if __name__ == "__main__":  
    app.run(debug=True)

report.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Transaction Report</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
</head>
<body>
    <h1>Bank Transaction Risk Report</h1>
    <div class="container">
        <div class="box fraud-box">
            <h2>Fraudulent</h2>
            <p class="count">{{ fraud }}</p>
        </div>
        <div class="box suspicious-box">
            <h2>Suspicious</h2>
            <p class="count">{{ sus }}</p>
        </div>
        <div class="box clean-box">
            <h2>Clean</h2>
            <p class="count">{{ clean }}</p>
        </div>
    </div>
</body>
</html>