I'm trying to serve a static file using flask. I don't know how to use the url_for function. All my routes generating dynamic content are working fine, I've imported url_for, but when I have this code:
@app.route('/')
def home():
return url_for('static', filename='hi.html')
Along with my 'hi.html' file (which has some basic html in it) sitting in directory static, what I get when I load the page is literally this:
/static/hi.html
Am I just using url_for incorrectly?
To reference the static files using the url_for() function, pass in the name of the directory – static in this case – and the keyword argument of filename= followed by your static file name. Flask automatically creates a static view that serves static files from a folder named static in your application's directory.
The end result is it will allow you to cache your static files forever with a web server such as nginx. It also gzips your files at maximum compression. When you combine both things together it will save you money on hosting and make a very noticeable improvement on page load speeds for your users.
url_for
just returns, precisely, the URL for that file. It sounds like you want to redirect
to the URL for that file. Instead, you are just sending the text of the URL to the client as a response.
from flask import url_for, redirect
@app.route('/')
def home():
return redirect(url_for('static', filename='hi.html'))
You are getting the correct output for what you are doing. url_for
generates the url for the arguments you give it. In your case, you are generating the url for the hi.html
file in the static
directory. If you want to actually output the file, you would want to
from flask import render_template, url_for
...
return render_template(url_for("static", filename="hi.html"))
But at this point, your static directory would need to be under the templates directory (where ever that is configured to live).
If you are going to be serving static html files like this, then my suggestion would be to serve them outside of the flask application by routing traffic to /static/.*
directly from your web server. There are plenty of examples on the web for doing this using nginx or apache.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With