python vue flask_搭建Flask+Vue及配置Vue 基础路由

最近一直在看关于Python的东西,准备多学习点东西.以前的项目是用Vue+Java写的,所以试着在升级下系统的前提下.能不能使用Python+Vue做一遍.

选择Flask的原因是不想随大流,并且比较轻量级,后面深度的配置会随着学习的不断深入,也随时写进入博客

第二步:配置路由,并且改变起始页面,首先需要在 src/components/xx.vue 如图所示,其中flaskTovue.vue是测试python与vue的连接是否成功的

第三步:配置路由 src/router/index.js

第四部:配置App.vue 修改成如图的样子:

第五步:npm run dev ,如图所示.可以试着在 "#/"后面输入About等看看页面是切换成功.

第六步:Python 和 Vue 通过Flask 连接起来,我是参考了例子:https://www.jianshu.com/p/ead7317d01ec

Python 代码如下(通过Pycharm 配置Flask 自行百度.因为比较容易)

代码如下:

##测试成功

from flask importFlaskfrom flask importjsonifyfrom flask_cors importCORS

app= Flask(__name__)

cors= CORS(app, resources={r"/getMsg"