条纹烧瓶/python 加载 html 但不加载 css。目录问题？答案

【问题标题】：Stripe flask/python loading html but not css. Directory issue?条纹烧瓶/python 加载 html 但不加载 css。目录问题？
【发布时间】：2022-08-23 15:41:38
【问题描述】：

所以我试着付钱给一些导师来看看这个，他们似乎找不到问题。我有一种很好的感觉，这是一个目录问题。

Folder directory organization

App.py 位于所有文件夹之外，模板文件夹内是pricing.html，外部是另一个名为css 的文件夹，其中包含pricing.css。

我运行我的 app.py，它加载了定价.html，以便能够按下一个用于条带结帐的按钮。问题是，app.py 找到了定价文件夹，但没有加载定价.css。这是pricing.html中的html代码：

<link rel=\"stylesheet\" type=\"text/css\" href=\"/css/style.css\" media=\"screen\">

这是 app.py 代码：

from flask import Flask, redirect, request, render_template

import stripe

app = Flask(__name__,static_url_path=\"\",static_folder=\"templates\")

stripe.api_key = \'sk_test_51KzqK9Hj2B2Quz911XrP11cB4Jb2ESrDCelSpRIZBqa18TWO9bGKlyuWsmiNeGYEHw4224xx5ghUWDaTQOukRjcf00rHXcZGYU\'

YOUR_DOMAIN = \"http://localhost:5000\"

@app.route(\'/create-checkout-session\', methods=[\'POST\'])
def create_checkout_session():
    try:

        checkout_session = stripe.checkout.Session.create(
            line_items = [
                {
                    \'price\': \'price_1KzrAtHj2B2Quz91wMDanJjz\',
                    \'quantity\':1
                }
            ],
            mode=\"payment\",
            success_url=YOUR_DOMAIN + \"/success.html\", 
            cancel_url=YOUR_DOMAIN + \"/cancel.html\"
        )
    except Exception as e:
        return str(e)

    return redirect(checkout_session.url,code=303)

if __name__== \"__main__\":
    app.run(port=5000,debug=True)

如果我将 css 文件夹移动到模板文件夹中，css 将加载，但我必须将 html 更改为所有其他模板，而且我也喜欢这个文件夹组织。有什么想法吗？

这是我运行终端时返回的内容：

- [20/5/2022 18:04:50] \"GET /pricing.html HTTP/1.1\" 200 -
- [20/5/2022 18:04:51] \"GET /css/style.css HTTP/1.1\" 404 -
- [20/5/2022 18:04:51] \"GET /css/Pricing.css HTTP/1.1\" 404 -
- [2022 年 5 月 20 日 18:04:51] \"GET /javascript/jquery.js HTTP/1.1\" 404 -
- [2022 年 5 月 20 日 18:04:51] \"GET /javascript/nicepage.js HTTP/1.1\" 404 -
- [20/5/2022 18:04:51] \"GET /css/images/GainesOpusInstitute4.png HTTP/1.1\" 404 -

stackoverflow.com/questions/22259847/…我已经尝试过了，但它对我不起作用，因为它只是以一种奇怪的加密方式翻译代码。
目录布局似乎没问题，当您在浏览器中访问该网站时，您是否看到<link rel=\"stylesheet\" type=\"text/css\" href=\"/css/style.css\" media=\"screen\">？
是的，当我进入控制台时，我看到了代码行

标签： python flask

【解决方案1】：

我相信要让烧瓶为您的 css 文件提供服务，它需要位于 /static 目录中。尝试将您的 /css 和 /javascript 文件夹移动到名为 /static 的同一级别的目录中。然后将您的链接更改为：

<link rel="stylesheet" type="text/css" href="/static/css/style.css" media="screen">

请参阅https://flask.palletsprojects.com/en/2.1.x/quickstart/#static-files 了解更多信息。

【讨论】：