Python中le-3怎么表述_vue+Python的web,前后端交互

前言

有朋友问到在web中vue和Python是怎么交互的,我这里大概就写一写了,虽然可能表述不太规范,但希望能够帮到大家。

我用到的Python的flask框架和vue来相互配合来做的web,这里我先说说Python的flask框架

Python的flask

Python的flask框架是一种轻量级的web框架,适合用于轻量级的web应用,而且简单好学。

首先是安装flask框架,在命令行中输入

pip install flask

在这里创建一个run.py 文件,然后通过Python引入flask框架

from 

这个就是一个简单的服务写好的,这里只需要在命令行中 python run.py 就可以启动了

当然这是一个简单的服务,如果在项目中,你会有n多个接口,当然也不能写在这一个文件,所以就可以用到另外一个框架bluePrint

bluePrint 我的理解是,他是一个Python的接口管理工具,说白了就是将多个接口分类管理,如登陆、注册的接口放在一个py文件里,将获取数据列表放在一个py文件里。。。。。。对就是这个意思。这样可以减轻服务端的压力。

这是我看的一个BluePrint的一个解释https://www.cnblogs.com/wf-skylark/p/9306789.html 你们可以先理解一下,我有空了,分享一下Blueprint具体如何来布, 哈哈哈。

前端vue的配置

在这里如果你用的vue-cli创建的项目的话,在config的文件目录下的index.js文件中,中的ProxyTable中配置。

c565293e6b4440b9a42cf5762ff84e39.png

e392dd501d6138c0f776230137c0d7a8.png
当然这个是没有配好的

ed7fd4d7da6a5f0ffe079133ea3edefa.png
这个是配好的

这里target: 就是后端服务的地址加端口号,刚才说过了,后端是0.0.0.0, 那么这里千万不能写0.0.0.0, 应该写的是后端服务自己所在的地址,

changeOrigin: true, 表示可跨域的

这里webpack算是配完了,然后看看具体前端接口的写法,如果你安装的是axios,

axios的安装和引入就不多说了,直接看接口

getdata

这里前后端交互就算写完了, 如果有问题望指正。

哈哈,写的不好 就这样了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值