Full stack SPA with Vue.js and Flask
Check out a Vue.js single page application, served over the Flask microframework. This app is based on the idea that you need a specific single page application built with Vue.js (using single page components, vue-router in HTML5 history mode and other good features) and served over Flask web server.
Flask is a microframework for Python based on Werkzeug, Jinja 2 and good intentions, and it is BSD licensed.
- Python: 3.6.3
- Vue.js: 2.5.2
- vue-router: 3.0.1
- axios: 0.16.2
This app will work like this:
- Flask serves
index.htmlwhich contains the Vue.js app
- during front-end development Webpack is used with all the cool features it provides
- Flask has API endpoints which can be accessed from the SPA
- Access API endpoints even while running Node.js for front-end development
The full source code of this app is available here.
The code of this app & how it was built, is explained well in the tutorial Full-stack single page application with Vue.js and Flask by Oleg Agapov.
In this tutorial I would like to show you how to connect Vue.js single page application with Flask back-end.
Created and submitted by @realOlegAgapov.