flask返回html静态文件,flask框架如何加载静态文件

静态文件主要包括css，JavaScript等脚本文件、图片等，在加载文件的时候主要是用url_for方法。语法url_for('文件夹', filename='调用文件路径及扩展名')

我们先在static文件夹新建js、css文件夹，并新建对应扩展名的文件：

然后在index文件夹下新建mystatic.html文件，对应代码：mystatic.jswindow.onload = function(){

alert('hello world')}

此代码意思是弹出alert提示框mystatic.cssbody{

background: aquamarine;}

这里只是设置了一下背景颜色mystatic.htmlhtml>

静态文件

注意：在mystatic.html中，分别通过link和script标签，利用url_for调用了对应的静态文件。

在app.py中增加函数：@app.route('/mystatic/')def mystatic():

return flask.render_template('index/mystatic.html')

执行，可以在页面看到：