Conexión entre Vue y Flask

En la sección anterior, se creó un nuevo proyecto front-end de Vue en el directorio de Flask. Esta parte es la conexión entre Vue y Flask.

Una vez completada la compilación, obtendremos la carpeta dist debajo de la carpeta vue (la configuración del directorio de salida en la imagen de arriba) y los archivos front-end compilados se colocarán en ella.

En este momento, debes abrir el archivo app.py (la pequeña aplicación creada en la primera sección) y modificarlo de la siguiente manera:

Luego ejecuta Flask:

Ahora acceda a http://127 0 0 1:5000/, verá la página de inicio de Vue.

En resumen, las carpetas estáticas y las carpetas de plantillas que coinciden con Vue y Flask pueden ejecutarse normalmente.

Si hay otras operaciones que agregar más adelante, actualizaré el documento.