vue + tornado + python 实现可视化小工具

本文记录了一次使用Vue.js作为前端、Tornado作为后端Python框架实现可视化小工具的过程。在Macbook上用PyCharm开发时遇到格式报错问题,关闭PyCharm的格式检查工具即可解决。前端通过fetch以POST方式发送请求,由于跨域问题,起初无法接收到后端返回的数据。解决方案是在Tornado的POST方法中设置允许跨域的响应头。
摘要由CSDN通过智能技术生成

环境:macbook + pycharm
前端用vue写,后端用tornado写,python语言
记录:

  1. 第一次用vue,git clone 下来vue代码之后,想在本地pycharm里边写,结果一写就报红,感觉就老是格式错误,其实不是格式错误,只是pycharmm里启用额格式检查工具导致的,如下图,只需要关掉就行了
    在这里插入图片描述
  2. 使用 fetch发送请求,方式是post,tornado接口也支持post方式。
    vue里mode: "cors"时,直接在页面输入框填写,然后点击提交,控制台看见直接报错,到不了后端接口,不懂,后来改为mode: “no-cors”,在操作,调后端通了,但是后端返回的数据前端又拿不到了,然后一波度娘,最后因为跨域问题导致的,最终解决方案就是vue里mode: “cors”,tornado里post方法下边加上3行代码(也没细究)
    self.set_header(“Access-Control-Allow-Origin”, “*”)
    self.set_header(“Access-Control-Allow-Headers”, “x-requested-with”)
    self.set_header(‘Access-Control-Allow-Methods’, ‘POST, GET, OPTIONS’)
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

坦桑尼亚奥杜威峡谷能人

感谢您的认可

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值