首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Python

Python Tornado之跨域请求与Options请求方式

Posted in Python onMarch 28, 2020

问题背景

公司的项目是前后端分离，前端Vue+后端JavaSpringBoot为主，部分功能是PythonTornado，那么需要支持一个是跨域以及Options请求。

Option请求

只需要跟处理get一样处理options请求就可以了。vue一般需要访问options方法， 如果报错则很难继续，所以只要通过就行了，当然需要其他逻辑就自己控制。

#COM串口
class SerialHandler(BaseHandler):
 #处理GET请求
 def get(self):
  self.write('血压监测结果为：')
  #省略其他逻辑
 #处理OPTIONS请求
 def options(self):
  #返回方法1
  #self.set_status(204)
  #self.finish()
  #返回方法2
  self.write('{"errorCode":"00","errorMessage","success"}')

跨域请求

既然是前后端分离，那就肯定会遇到cros跨域请求难题，可以设置一个BaseRequest，然后继承即可。

class BaseHandler(tornado.web.RequestHandler):
 #blog.csdn.net/moshowgame 解决跨域问题
 def set_default_headers(self):
  self.set_header('Access-Control-Allow-Origin', '*')
  self.set_header('Access-Control-Allow-Headers', '*')
  self.set_header('Access-Control-Max-Age', 1000)
  #self.set_header('Content-type', 'application/json')
  self.set_header('Access-Control-Allow-Methods', 'POST, GET, OPTIONS')
  self.set_header('Access-Control-Allow-Headers',#'*')
      'authorization, Authorization, Content-Type, Access-Control-Allow-Origin, Access-Control-Allow-Headers, X-Requested-By, Access-Control-Allow-Methods')

补充知识：Python之flask框架配置接口，处理跨域

Flask框架介绍

Flask是当下流行的Web框架，它是用Python实现的。

Flask显著的特点是：它是一个“微”框架。”微”意味着Flask旨在保持核心的简单，但同时又易于扩展。默认情况下，Flask 不包含数据库抽象层、表单验证，或是其它任何已有多种库可以胜任的功能。然而，Flask 支持用扩展来给应用添加这些功能。众多的扩展提供了数据库集成、表单验证、上传处理、各种各样的开放认证技术等功能。Flask的这些特性，使得它在Web开发方面变得非常流行。

Flask安装

通过python的pip包管理工具进行安装，python3之后下载python也会自动带出pip。

验证pip是否安装：打开命令行直接输入pip，如果出现下面的显示则表示已安装

Python Tornado之跨域请求与Options请求方式

安装flask：

pip install flask

Flask使用

import flask,json #引入flask框架
server = flask.Flask(__name__) #实例化server，把当前这个python文件当做一个服务，__name__代表当前这个python文件
@server.route('/index',methods=['get']) #'index'是接口路径，methods不写，则默认get请求
#装饰器下面的函数为一个接口
def index():
 res = {'msg':'接口返回信息','code':'0000'}
 return json.dumps(res,ensure_ascii=False)
 #json.dumps序列化时对中文默认使用ascii编码，想输出真正的中文需要指定ensure_ascii=False
#启动服务
server.run(port=8080,debug=True,host='0.0.0.0') 
#debug=True改了代码后，不用重启，它会自动重启
#'host'='0.0.0.0'别人可以通过IP访问

结果：

Python Tornado之跨域请求与Options请求方式

前端请求数据

<!doctype html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>python接口测试</title>
 <script src="http://static.wanlianjin.com/data/m/wlcs/js/nocar/jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
 <button onclick="getMessage()">点击获取数据</button>
 <script>
 function getMessage(){
 $.ajax({
 url:'http://100.39.8.55:8080/index',
 type:'GET',
 dataType:'json',
 succrss:(data)=>{
  console.log(data)
 }
 })
 }
 </script>
</body>
</html>

结果：

Python Tornado之跨域请求与Options请求方式

因协议、域名、端口的不同，接口请求的数据需要进行跨域

解决方法如下：

1.JSONP

将dataType改为jsonp，仅用于GET方法

Python Tornado之跨域请求与Options请求方式

注意：

请求到数据是一个纯Json格式的话，是不能用Jsonp方式调用的，支持Jsonp方式的url返回的一定是js脚本，一般是一句函数调用，请注意报的错是callback=，=号后面的就是你得到的。callback是客户端页面定义的函数名，JSONP方式会在返回的Javascript代码里面调用这个函数，JSON数据是当做参数传入方法的而不是直接返回一个json。这个地址不支持jsonp,请求来的数据是json,浏览器要把当做Javascript来解析，遇到 “:” 就报错了。如果这个地址支持JSONP,应该返回Javascript代码，在代码里面调用callback函数才对。

修改客户端和服务端代码：

客户端：

<!doctype html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>python接口测试</title>
 <script src="http://static.wanlianjin.com/data/m/wlcs/js/nocar/jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
 <button onclick="getMessage()">点击获取数据</button>
 <script>
 function jsonpCallback(data) {
  console.log("jsonpCallback: " + JSON.parse(data).name)
 }
 function getMessage(){
 $.ajax({
 url:'http://100.39.8.55:8080/index?callback=?',
 type:'GET',
 dataType:'jsonp',
 crossDomain:true,
 contentType: "application/jsonp;",
 // jsonp 字段含义为服务器通过什么字段获取回调函数的名称
   jsonp: 'callback',
   // 声明本地回调函数的名称，jquery 默认随机生成一个函数名称
   jsonpCallback: 'jsonpCallback',
 success: function(data) {
    console.log("ajax success callback: " + JSON.parse(data).name)
   },
   error: function(jqXHR, textStatus, errorThrown) {
    console.log(textStatus + ' ' + errorThrown);
   }
 })
 }
 </script>
</body>
</html>

服务端：

import flask,json #引入flask框架
server = flask.Flask(__name__) #实例化server，把当前这个python文件当做一个服务，__name__代表当前这个python文件
@server.route('/index',methods=['get']) #'index'是接口路径，methods不写，则默认get请求
#装饰器下面的函数为一个接口
def index():
 data = '{"name":"xiaoming","age":"15"}'
 callback = 'jsonpCallback'
 jsonp = callback + '(' + json.dumps(data) + ')'
 return jsonp #返回的是代码字样
#启动服务
server.run(port=8080,debug=True,host='0.0.0.0') 
#debug=True改了代码后，不用重启，它会自动重启
#'host'='0.0.0.0'别人可以通过IP访问

结果：

Python Tornado之跨域请求与Options请求方式

2.Flask-CORS

安装：pip install flask-cors

服务端代码：

import flask,json #引入flask框架
from flask_cors import CORS
server = flask.Flask(__name__) #实例化server，把当前这个python文件当做一个服务，__name__代表当前这个python文件
# r'/*' 是通配符，让本服务器所有的URL 都允许跨域请求
CORS(server, resources=r'/*')
@server.route('/index',methods=['get']) #'index'是接口路径，methods不写，则默认get请求
#装饰器下面的函数为一个接口
def index():
 data = {"name":"xiaoming","age":"15"}
 return json.dumps(data,ensure_ascii=False)

#启动服务
server.run(port=8080,debug=True,host='0.0.0.0') 
#debug=True改了代码后，不用重启，它会自动重启
#'host'='0.0.0.0'别人可以通过IP访问

以上这篇Python Tornado之跨域请求与Options请求方式就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

Python Tornado之跨域请求与Options请求方式

- Author -

Moshow郑锴

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Python 相关文章推荐
Python获取电脑硬件信息及状态的实现方法
Aug 29 Python
python自动格式化json文件的方法
Mar 11 Python
Python合并多个装饰器小技巧
Apr 28 Python
python 上下文管理器使用方法小结
Oct 10 Python
Flask框架响应、调度方法和蓝图操作实例分析
Jul 24 Python
Python快速转换numpy数组中Nan和Inf的方法实例说明
Feb 21 Python
Python3.5 Pandas模块之DataFrame用法实例分析
Apr 23 Python
django 使用 PIL 压缩图片的例子
Aug 16 Python
Python +Selenium解决图片验证码登录或注册问题(推荐)
Feb 09 Python
python中random.randint和random.randrange的区别详解
Sep 20 Python
Python实现Appium端口检测与释放的实现
Dec 31 Python
pyqt5蒙版遮罩mask,setmask的使用
Jun 11 Python
关于python 跨域处理方式详解
Mar 28 #Python
对python中各个response的使用说明
Mar 28 #Python
基于Django signals 信号作用及用法详解
Mar 28 #Python
浅谈django 模型类使用save()方法的好处与注意事项
Mar 28 #Python
Django 实现对已存在的model进行更改
Mar 28 #Python
浅谈Django QuerySet对象(模型.objects)的常用方法
Mar 28 #Python
django使用F方法更新一个对象多个对象字段的实现
Mar 28 #Python
远程登录(2) 3389(1) FTP(9) 域控制器(1) 防火墙(2) Ubuntu Server(6) Repository接口(3) DHCP(2) Spring Data JPA(4) systemctl(1)
You might like
无线电波是什么？它是怎样传输的？
2021/03/01 无线电
PHP实现返回JSON和XML的类分享
2015/01/28 PHP
TBCompressor js代码压缩
2011/01/05 Javascript
js修改table中Td的值(定义td的双击事件)
2013/01/10 Javascript
javascript日期计算实例分析
2015/06/29 Javascript
json定义及jquery操作json的方法
2016/10/03 Javascript
Angular.Js中ng-include指令的使用与实现
2017/05/07 Javascript
JavaScript输出所选择起始与结束日期的方法
2017/07/12 Javascript
深入理解Vue keep-alive及实践总结
2019/08/21 Javascript
详解简单易懂的 ES6 Iterators 指南和示例
2019/09/24 Javascript
vue-cli 为项目设置别名的方法
2019/10/15 Javascript
JS控制下拉列表左右选择实例代码
2020/05/08 Javascript
JS检测浏览器开发者工具是否打开的方法详解
2020/10/02 Javascript
详解Python中的__getitem__方法与slice对象的切片操作
2016/06/27 Python
Python算法之图的遍历
2017/11/16 Python
Python语言实现百度语音识别API的使用实例
2017/12/13 Python
python通过robert、sobel、Laplace算子实现图像边缘提取详解
2019/08/21 Python
numpy实现神经网络反向传播算法的步骤
2019/12/24 Python
解决flask接口返回的内容中文乱码的问题
2020/04/03 Python
AJax面试题
2014/11/25 面试题
机械化及自动化毕业生的自我评价分享
2013/11/06 职场文书
通信工程毕业生求职信
2013/11/16 职场文书
艺校音乐专业自我鉴定范文
2014/03/01 职场文书
毕业留言寄语大全
2014/04/10 职场文书
阳光体育活动总结
2014/04/30 职场文书
大学生社会实践方案
2014/05/11 职场文书
职业规划实施方案
2014/06/10 职场文书
预备党员群众路线教育实践活动思想汇报2014
2014/10/25 职场文书
2014年人力资源工作总结
2014/11/19 职场文书
师德师风事迹材料
2014/12/20 职场文书
上课说话检讨书
2015/01/27 职场文书
胡雪岩故居导游词
2015/02/06 职场文书
2015年会计个人工作总结
2015/04/02 职场文书
红歌会主持词
2015/07/02 职场文书
2016年圣诞节义工活动总结
2016/04/01 职场文书
Python实现自动玩连连看的脚本分享
2022/04/04 Python