Ich möchte Vue mit meinem Lieblingskolben verwenden, notieren Sie sich also den Aufbau der Umgebung. Es ist eine Skizze für mich.
Erstellen Sie eine virtuelle Umgebung mit den erforderlichen Bibliotheken, die in Anaconda3 installiert sind. Normalerweise erstelle ich einen Entwicklungsordner namens Skripte in der Conda-Umgebung. Erstellen Sie also einen Flaschenordner und einen Vue-Ordner.
from flask import Flask, render_template, request, jsonify, make_response, send_file
app = Flask(__name__, static_folder='../vue/dist/static', template_folder='../vue/dist')
@app.route('/')
def index():
return render_template('index.html')
if __name__ == "__main__":
app.run()
Geben Sie den vue-Build-Ordner mit template_folder und static_folder an.
Erstellen Sie eine Anwendung im Ordner vue. Ich erstelle es schnell mit vue ui. Erstellen Sie eine Konfigurationsdatei mit dem Namen vue.config.js direkt unter dem Ordner vue und gehen Sie wie folgt vor.
module.exports = {
assetsDir: 'static',
};
Die Einstellung besteht darin, alle .js-Dateien usw. im Ordner dist / static zu speichern.
Wenn Sie den Flask-Server nach dem Erstellen mit vue starten, wird die vue-Anwendung geladen.
Recommended Posts