python - 将 AngularJS 网站转换为 Flask

Question

我使用 ui-router 创建了一个 Angular 网站:

angular app structure
|--index.html
|--js
   |--app.js
   |--angular.js 
   |-- ...
|--stylesheets
   |--main.css
   |-- ...
|--template 
   |--navbar.html
   |--about.html
   |-- ...

每个 js 和 css 的链接如下:

<script src="js/main.js"></script>

我想用 Flask 来提供这个。我将所有内容都放在“templates”文件夹中，并编写了一个简单的 Flask 应用程序:

server.py:

from flask import Flask, make_response

app = Flask(__name__)

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

app.debug = True

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

flask app
|--server.py
|--templates
   |--index.html
   |--js
      |--app.js
      |--angular.js 
      |-- ...
   |--stylesheets
      |--main.css
      |-- ...
   |--template 
      |--navbar.html
      |--about.html
      |-- ...

当我转到根 URL 时，我的文件都没有加载。如何从 Flask 应用程序提供 Angular 文件？

Answer 1

您需要渲染您的模板。最好的方法是

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