How can I set the 'static' folder when it is not on the index folder, with Flask?

Question

I want to build a site. I have the index folder and the connected folder. Each folder also has a static folder. In the connected/static folder, I have the connected.css file, which I am trying to access, through my blueprint. However, the final page tries to access the connected.css from the index/static folder.

Where am I mistaking?

Useful code:

__init__.py:

from flask import Flask
from .index import index_routes
from .connected import connected_routes


def create_app():
    app = Flask(__name__, template_folder="templates", static_folder="static")
    app.register_blueprint(index_routes.index_bp)
    app.register_blueprint(connected_routes.connected_bp, url_prefix='/connected')
    return app

connected_routes.py

from flask import Blueprint
from flask import render_template

connected_bp = Blueprint('connected_bp', __name__, template_folder='templates', static_folder='static', url_prefix='/connected')  

@connected_bp.route('/')
def connected():
    return render_template('connected.html', title="Connected to Hattrick")

index_routes.py

from flask import Blueprint
from flask import render_template

index_bp = Blueprint('index_bp', __name__, template_folder='templates', static_folder='static')


@index_bp.route('/')
def home():
    return render_template('index.html', title="The Best Match Predictor")

connected.html

<link href="{{url_for('static',filename='connected.css')}}" rel="stylesheet">

In the above line I have the problem.

Maarten · Accepted Answer · 2020-03-27 12:45:46Z

1

Maybe give this a try:

<link href="{{url_for('connected.static',filename='connected.css')}}" rel="stylesheet">

For some elaboration: https://flask.palletsprojects.com/en/1.1.x/blueprints/#static-files

answered Mar 27, 2020 at 12:45

Maarten

4927 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Bogdan Doicin Over a year ago

Actually, it's connected_bp.static and it worked. Thank you!

Maarten Over a year ago

No problem, and yes my bad, the url_prefix is to make the endpoint accesible. The blueprint name is used in url_for

Collectives™ on Stack Overflow

How can I set the 'static' folder when it is not on the index folder, with Flask?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related