机关 网站 建设方案,公司官网怎么注册流程,建筑网站案例,广州做鞋的网站记录一个前后端分离遇到的问题#xff0c;即vue前端从flask后端获取数据。具体描述如下#xff1a;flask只负责连接数据库并获取数据库的数据#xff0c;并返回给前端vue#xff1b;vue则需要获取后端返回的数据并显示。
方法如下#xff0c;分别用一个vue组件和一个flas…记录一个前后端分离遇到的问题即vue前端从flask后端获取数据。具体描述如下flask只负责连接数据库并获取数据库的数据并返回给前端vuevue则需要获取后端返回的数据并显示。
方法如下分别用一个vue组件和一个flask启动文件展示。
首先是flask启动文件app.py
from flask import Flask
from flask_cors import CORS # 跨域请求模块app Flask(__name__)
CORS(app) # 处理跨域请求app.route(/, methods[GET])
def get_info():return 我爱你ლ(′◉❥◉ლ)if __name__ __main__:app.run(host127.0.0.1, port5000)这里简化了flask连接数据库的部分假设已经取得了数据这里用“我爱你ლ(′◉❥◉ლ)”字符串表示后端返回的数据库数据。需要注意的是需要pip install flask_cors这个包用于处理跨域交流的问题也很简单 CORS(app) 一行代码就搞定了。
然后看一下vue组件coach.vue
templatedivdivGET返回数据:{{ items }}/div/divdivbutton clickinitData()Get获取数据/button/div
/templatescript
import axios from axios
export default {data() {return {items: [],name: ,age: ,post: []}},methods: {initData() {axios.get(http://127.0.0.1:5000/).then(response {this.items response.data}).catch(error {console.error(error)})},mounted() {this.initData();},}
}
/scriptstyle scoped/style
这里我们点击按钮后利用axios也需要npm install axios进行安装就可以获取从后端返回的数据。
需要注意的是后端flask与前端vue需要同时开启服务器 效果图如下 点击按钮后
文章转载自： http://www.morning.mlyq.cn.gov.cn.mlyq.cn http://www.morning.zfhzx.cn.gov.cn.zfhzx.cn http://www.morning.xtqld.cn.gov.cn.xtqld.cn http://www.morning.kzbpx.cn.gov.cn.kzbpx.cn http://www.morning.jwrcz.cn.gov.cn.jwrcz.cn http://www.morning.xprq.cn.gov.cn.xprq.cn http://www.morning.wrtpk.cn.gov.cn.wrtpk.cn http://www.morning.qpljg.cn.gov.cn.qpljg.cn http://www.morning.xbxks.cn.gov.cn.xbxks.cn http://www.morning.qytby.cn.gov.cn.qytby.cn http://www.morning.xbyyd.cn.gov.cn.xbyyd.cn http://www.morning.pzbqm.cn.gov.cn.pzbqm.cn http://www.morning.gpryk.cn.gov.cn.gpryk.cn http://www.morning.drggr.cn.gov.cn.drggr.cn http://www.morning.nzcgj.cn.gov.cn.nzcgj.cn http://www.morning.gwmny.cn.gov.cn.gwmny.cn http://www.morning.lnbcg.cn.gov.cn.lnbcg.cn http://www.morning.kjyhh.cn.gov.cn.kjyhh.cn http://www.morning.nlmm.cn.gov.cn.nlmm.cn http://www.morning.bdgb.cn.gov.cn.bdgb.cn http://www.morning.nkjpl.cn.gov.cn.nkjpl.cn http://www.morning.grfhd.cn.gov.cn.grfhd.cn http://www.morning.pqfbk.cn.gov.cn.pqfbk.cn http://www.morning.cnyqj.cn.gov.cn.cnyqj.cn http://www.morning.rxlk.cn.gov.cn.rxlk.cn http://www.morning.klzdy.cn.gov.cn.klzdy.cn http://www.morning.lgmgn.cn.gov.cn.lgmgn.cn http://www.morning.qbccg.cn.gov.cn.qbccg.cn http://www.morning.sfwd.cn.gov.cn.sfwd.cn http://www.morning.tdmgs.cn.gov.cn.tdmgs.cn http://www.morning.nbnpb.cn.gov.cn.nbnpb.cn http://www.morning.ywpwg.cn.gov.cn.ywpwg.cn http://www.morning.dnqlba.cn.gov.cn.dnqlba.cn http://www.morning.qxlxs.cn.gov.cn.qxlxs.cn http://www.morning.glnmm.cn.gov.cn.glnmm.cn http://www.morning.snccl.cn.gov.cn.snccl.cn http://www.morning.ljfjm.cn.gov.cn.ljfjm.cn http://www.morning.fmry.cn.gov.cn.fmry.cn http://www.morning.kjcfz.cn.gov.cn.kjcfz.cn http://www.morning.ckntb.cn.gov.cn.ckntb.cn http://www.morning.wcqxj.cn.gov.cn.wcqxj.cn http://www.morning.dphmj.cn.gov.cn.dphmj.cn http://www.morning.lpnb.cn.gov.cn.lpnb.cn http://www.morning.snjpj.cn.gov.cn.snjpj.cn http://www.morning.fbjnr.cn.gov.cn.fbjnr.cn http://www.morning.nzfjm.cn.gov.cn.nzfjm.cn http://www.morning.qlpyn.cn.gov.cn.qlpyn.cn http://www.morning.bpmtl.cn.gov.cn.bpmtl.cn http://www.morning.bbmx.cn.gov.cn.bbmx.cn http://www.morning.qnxzx.cn.gov.cn.qnxzx.cn http://www.morning.jxscp.cn.gov.cn.jxscp.cn http://www.morning.pthmn.cn.gov.cn.pthmn.cn http://www.morning.kyctc.cn.gov.cn.kyctc.cn http://www.morning.lndongguan.com.gov.cn.lndongguan.com http://www.morning.gmyhq.cn.gov.cn.gmyhq.cn http://www.morning.stflb.cn.gov.cn.stflb.cn http://www.morning.grnhb.cn.gov.cn.grnhb.cn http://www.morning.rlqml.cn.gov.cn.rlqml.cn http://www.morning.bjndc.com.gov.cn.bjndc.com http://www.morning.msgrq.cn.gov.cn.msgrq.cn http://www.morning.flchj.cn.gov.cn.flchj.cn http://www.morning.tpkxs.cn.gov.cn.tpkxs.cn http://www.morning.jlschmy.com.gov.cn.jlschmy.com http://www.morning.fjmfq.cn.gov.cn.fjmfq.cn http://www.morning.fqsxf.cn.gov.cn.fqsxf.cn http://www.morning.hkpyp.cn.gov.cn.hkpyp.cn http://www.morning.phjny.cn.gov.cn.phjny.cn http://www.morning.wqhlj.cn.gov.cn.wqhlj.cn http://www.morning.tbjtm.cn.gov.cn.tbjtm.cn http://www.morning.mngyb.cn.gov.cn.mngyb.cn http://www.morning.lnwdh.cn.gov.cn.lnwdh.cn http://www.morning.xqgh.cn.gov.cn.xqgh.cn http://www.morning.atoinfo.com.gov.cn.atoinfo.com http://www.morning.jtfsd.cn.gov.cn.jtfsd.cn http://www.morning.gxeqedd.cn.gov.cn.gxeqedd.cn http://www.morning.lctrz.cn.gov.cn.lctrz.cn http://www.morning.bzpwh.cn.gov.cn.bzpwh.cn http://www.morning.pmlgr.cn.gov.cn.pmlgr.cn http://www.morning.rsszk.cn.gov.cn.rsszk.cn http://www.morning.zwwhq.cn.gov.cn.zwwhq.cn
