pythonhtmlwebflask

Flask: How to serve static html?


I am trying to serve a static html file, but returns a 500 error (a copy of editor.html is on .py and templates directory) This is all I have tried:

from flask import Flask
app = Flask(__name__, static_url_path='/templates')
@app.route('/')
def hello_world():
    #return 'Hello World1!' #this works correctly!
    #return render_template('editor.html')
    #return render_template('/editor.html')
    #return render_template(url_for('templates', filename='editor.html'))
    #return app.send_static_file('editor.html') #404 error (Not Found)
    return send_from_directory('templates', 'editor.html')

This is the response:

Title: 500 Internal Server Srror

Internal Server Error

The server encountered an internal error and was unable to complete your request. Either the server is overloaded or there is an error in the application.

Solution

  • Reducing this to the simplest method that'll work:

    1. Put static assets into your static subfolder.
    2. Leave Flask set to the default, don't give it a static_url_path either.
    3. Access static content over the pre-configured /static/ to verify the file works

    If you then still want to reuse a static file, use current_app.send_static_file(), and do not use leading / slashes:

    from flask import Flask, current_app
    app = Flask(__name__)
    
    @app.route('/')
    def hello_world():
        return current_app.send_static_file('editor.html')
    

    This looks for the file editor.html directly inside the static folder.

    This presumes that you saved the above file in a folder that has a static subfolder with a file editor.html inside that subfolder.

    Some further notes: