在Flask应用程序中保存js文件的位置？

Question

我是新手，并使用它在＆＃34; localhost：5000 /＆＃34;中为index.html提供服务。目前我只有3个文件：index.html，angular.js和app.js;并且所有这些都在同一个文件夹中。我正在为index.html服务：

@app.route('/')
def index():
    return make_response(open('index.html').read())

我想在index.html中包含angular.js和app.js.我试过这个：

<script src="angular.js"></script>
<script src="app_controller.js"></script>

但它不包括这两个文件（我从查看页面来源＆＃39;中检查过）。是否有一个默认目录，其中flask包含文件？我该怎么做到这一点？

Answer 1

Flask应该知道它可以提供静态文件的路径。创建“静态”目录将所有静态文件放入其中。并且，在index.html中使用：

<script src="{{ url_for('static', filename='angular.js')}}"</script>

请注意，有一个名为“static”的特殊端点，它会查看名为“static”的目录并提供该文件。您还可以更改静态目录的名称。

app = Flask(__name__, static_folder="differet_dir_name")

此外，创建名为“templates”的目录并复制所有html文件并在方法中使用render_template方法：

return render_template("index.html")

因此，您的目录结构应如下所示：

app.py
static --> contains all static files
templates --> contains all html files

链接：http://flask.pocoo.org/docs/quickstart/#static-files        http://flask.pocoo.org/docs/api/#application-object

希望它有所帮助。

Answer 2

我刚刚通过向app.py添加两个@ app.route来解决它，它分别为文件angular.js和app.js提供服务。我用过那些路线。但我觉得这不是正确的做法。我不知道。