Struktura kolby za pomocą angular.js

Question

Jak skonstruować aplikację kolb z front-endem angular.js? Co to jest najlepsza praktyka? Czy powinienem używać serwera WWW takiego jak ngnix do obsługi statycznych plików, nawet gdy pracuję nad programowaniem?

Z domyślnie kolby, mogę służyć index.html jak poniżej:

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

lub

@app.route('/') 
def index(): 
    return send_from_directory('static', 'index.html') 

Ale jest problem, gdzie nie można wskazać pliki js bez”../static ' prefiks. Chcę tylko podkreślić angularjs i wszystkich innych, takich jak:

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

nie

<script src="../static/lib/angular/angular.js"></script> 

Mogę zmienić wszystko statycznego pliku prefiks w kolbie? Czy istnieje dobry sposób na rozwiązanie tego problemu?

Dzięki.

Answer 1

Jeśli naprawdę chcesz, możesz:

app = Flask(__name__, static_url_path='') 

Chociaż bym po prostu użyć bezwzględny adres URL:

/static/lib/angular/angular.js 

Answer 2

myślę, że najlepsze praktyki byłoby pozwolić służyć serwer WWW cała twoja statyczna zawartość (angularjs, inne pliki js, html, css, obrazy, itp.).

Następnie użyj jakiegoś rodzaju konwencji (lubię używać ścieżki '/ api'), aby serwować i odbierać dane do iz serwera butelek.

Na przykład, w konfiguracji apache:

<VirtualHost *:80> 
    DocumentRoot /path/to/static/files 
    WSGIScriptAlias /api /path/to/flask/flask.wsgi 
    ... 
</VirtualHost>