How to serve static file from static folder using Flask

Question

I have the following Flask app, and I am trying to load a js file from a template:

from flask import Flask, request, send_from_directory, render_template

# set the project root directory as the static folder, you can set others.
app = Flask(__name__, static_url_path='')

@app.route('/js/<path:path>')
def send_js(path):
    return send_from_directory('js', path)

@app.route("/")
def main():
    return render_template('index.html')

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

Here is the folder:

My index.html file does load but the js doesn't:

<head>
    <script src="/static/js/asynckittens.js"></script>
</head>



  hello world

I have tried it as /js/asynckittens.js, and even /asynckittens.js and nothing will load this file. How can I load a js file in a basic flask server?

Loading failed for the <script> with source “127.0.0.1:5000/js/asynckittens.js”. — codyc4321
– codyc4321, Commented Feb 26, 2021 at 2:22
Does this answer your question? How to serve static files in Flask — Jake Jackson
– Jake Jackson, Commented Feb 26, 2021 at 13:44

codyc4321 · Accepted Answer · 2021-02-26 18:36:04Z

2

For some reason, I had to delete the route serving js for flask to find these files:

@app.route('/js/<path:path>')
def send_js(path):
    return send_from_directory('js', path)

I'm not sure why deleting that made it work but it did

answered Feb 26, 2021 at 18:36

codyc4321

9,78224 gold badges101 silver badges175 bronze badges

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

Collectives™ on Stack Overflow

How to serve static file from static folder using Flask

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related