2021山东大学创新项目实训_06

前后端交互

我们项目采用Vue+Flask前后端分离的方式：

  在仅仅使用Flask的情况下，我们是通过Flask模板打开页面和Jinjia2传递数据到前端。页面向后台请求数据，后台查询并处理数据，小数据保存在Flask的session中，原来页面再请求跳转到下一个页面，后台响应并从session中取数据，将数据和页面一并返回；

  改为采用Vue后，通过Flaks_cors跨域访问后端请求数据，将数据保存在前端的localStorage（每次跨域请求时axios发送的都是新的sessionid，导致无法获取session信息），下一个页面直接从localStorage中取数据放入echarts中，echarts组件化使用。