Struktur einer Flasche mit einem angular.js

Question

Wie strukturieren Sie Flasche App mit angular.js Front-End? Was ist die beste Vorgehensweise? Sollte ich Webserver wie ngnix verwenden, um statische Dateien zu hosten, auch wenn ich an der Entwicklung arbeite?

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

oder

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

Aber es gibt ein Problem, wo ich js Dateien nicht ohne‘../static zeigen kann:

Mit Kolben standardmäßig kann ich index.html unten mögen serve ' Präfix. Ich will nur Angularjs und alle anderen zeigen, wie:

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

nicht

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

Kann ich alle statischen Dateipräfix in Kolben ändern? Oder gibt es einen guten Weg, dieses Problem zu lösen?

Danke.

Answer 1

Wenn Sie wirklich wollen, können Sie:

app = Flask(__name__, static_url_path='') 

Obwohl ich würde nur die absolute URL:

/static/lib/angular/angular.js 

Answer 2

Ich denke, dass Best Practices Ihren Webserver zu lassen wäre dienen all Ihre statischen Inhalte (angularjs, andere js-Dateien, html, css, Bilder usw.).

Und dann verwenden Sie eine Art Konvention (ich gehe gerne mit dem '/ api' Pfad) zu dienen und Daten zu und von Ihrem Flaschenserver zu erhalten.

Zum Beispiel in Ihrer Apache-Konfiguration:

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