Python Tornado之跨域請(qǐng)求與Options請(qǐng)求方式

更新時(shí)間：2020年03月28日 14:34:13 作者：Moshow鄭鍇

這篇文章主要介紹了Python Tornado之跨域請(qǐng)求與Options請(qǐng)求方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧

問題背景

公司的項(xiàng)目是前后端分離，前端Vue+后端JavaSpringBoot為主，部分功能是PythonTornado，那么需要支持一個(gè)是跨域以及Options請(qǐng)求。

Option請(qǐng)求

只需要跟處理get一樣處理options請(qǐng)求就可以了。vue一般需要訪問options方法，如果報(bào)錯(cuò)則很難繼續(xù)，所以只要通過就行了，當(dāng)然需要其他邏輯就自己控制。

#COM串口
class SerialHandler(BaseHandler):
 #處理GET請(qǐng)求
 def get(self):
  self.write('血壓監(jiān)測(cè)結(jié)果為：')
  #省略其他邏輯
 #處理OPTIONS請(qǐng)求
 def options(self):
  #返回方法1
  #self.set_status(204)
  #self.finish()
  #返回方法2
  self.write('{"errorCode":"00","errorMessage","success"}')

跨域請(qǐng)求

既然是前后端分離，那就肯定會(huì)遇到cros跨域請(qǐng)求難題，可以設(shè)置一個(gè)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')

補(bǔ)充知識(shí)：Python之flask框架配置接口，處理跨域

Flask框架介紹

Flask是當(dāng)下流行的Web框架，它是用Python實(shí)現(xiàn)的。

Flask顯著的特點(diǎn)是：它是一個(gè)“微”框架。”微”意味著Flask旨在保持核心的簡(jiǎn)單，但同時(shí)又易于擴(kuò)展。默認(rèn)情況下，F(xiàn)lask 不包含數(shù)據(jù)庫抽象層、表單驗(yàn)證，或是其它任何已有多種庫可以勝任的功能。然而，F(xiàn)lask 支持用擴(kuò)展來給應(yīng)用添加這些功能。眾多的擴(kuò)展提供了數(shù)據(jù)庫集成、表單驗(yàn)證、上傳處理、各種各樣的開放認(rèn)證技術(shù)等功能。Flask的這些特性，使得它在Web開發(fā)方面變得非常流行。

Flask安裝

通過python的pip包管理工具進(jìn)行安裝，python3之后下載python也會(huì)自動(dòng)帶出pip。

驗(yàn)證pip是否安裝：打開命令行直接輸入pip，如果出現(xiàn)下面的顯示則表示已安裝

安裝flask：

pip install flask

Flask使用

import flask,json #引入flask框架
server = flask.Flask(__name__) #實(shí)例化server，把當(dāng)前這個(gè)python文件當(dāng)做一個(gè)服務(wù)，__name__代表當(dāng)前這個(gè)python文件
@server.route('/index',methods=['get']) #'index'是接口路徑，methods不寫，則默認(rèn)get請(qǐng)求
#裝飾器下面的函數(shù)為一個(gè)接口
def index():
 res = {'msg':'接口返回信息','code':'0000'}
 return json.dumps(res,ensure_ascii=False)
 #json.dumps序列化時(shí)對(duì)中文默認(rèn)使用ascii編碼，想輸出真正的中文需要指定ensure_ascii=False
#啟動(dòng)服務(wù)
server.run(port=8080,debug=True,host='0.0.0.0') 
#debug=True改了代碼后，不用重啟，它會(huì)自動(dòng)重啟
#'host'='0.0.0.0'別人可以通過IP訪問

結(jié)果：

前端請(qǐng)求數(shù)據(jù)

<!doctype html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>python接口測(cè)試</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()">點(diǎn)擊獲取數(shù)據(jù)</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>

結(jié)果：

因協(xié)議、域名、端口的不同，接口請(qǐng)求的數(shù)據(jù)需要進(jìn)行跨域

解決方法如下：

1.JSONP

將dataType改為jsonp，僅用于GET方法

注意：

請(qǐng)求到數(shù)據(jù)是一個(gè)純Json格式的話，是不能用Jsonp方式調(diào)用的，支持Jsonp方式的url返回的一定是js腳本，一般是一句函數(shù)調(diào)用，請(qǐng)注意報(bào)的錯(cuò)是callback=，=號(hào)后面的就是你得到的。callback是客戶端頁面定義的函數(shù)名，JSONP方式會(huì)在返回的Javascript代碼里面調(diào)用這個(gè)函數(shù)，JSON數(shù)據(jù)是當(dāng)做參數(shù)傳入方法的而不是直接返回一個(gè)json。這個(gè)地址不支持jsonp,請(qǐng)求來的數(shù)據(jù)是json,瀏覽器要把當(dāng)做Javascript來解析，遇到 “:” 就報(bào)錯(cuò)了。如果這個(gè)地址支持JSONP,應(yīng)該返回Javascript代碼，在代碼里面調(diào)用callback函數(shù)才對(duì)。

修改客戶端和服務(wù)端代碼：

客戶端：

<!doctype html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>python接口測(cè)試</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()">點(diǎn)擊獲取數(shù)據(jù)</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 字段含義為服務(wù)器通過什么字段獲取回調(diào)函數(shù)的名稱
   jsonp: 'callback',
   // 聲明本地回調(diào)函數(shù)的名稱，jquery 默認(rèn)隨機(jī)生成一個(gè)函數(shù)名稱
   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>

服務(wù)端：

import flask,json #引入flask框架
server = flask.Flask(__name__) #實(shí)例化server，把當(dāng)前這個(gè)python文件當(dāng)做一個(gè)服務(wù)，__name__代表當(dāng)前這個(gè)python文件
@server.route('/index',methods=['get']) #'index'是接口路徑，methods不寫，則默認(rèn)get請(qǐng)求
#裝飾器下面的函數(shù)為一個(gè)接口
def index():
 data = '{"name":"xiaoming","age":"15"}'
 callback = 'jsonpCallback'
 jsonp = callback + '(' + json.dumps(data) + ')'
 return jsonp #返回的是代碼字樣
#啟動(dòng)服務(wù)
server.run(port=8080,debug=True,host='0.0.0.0') 
#debug=True改了代碼后，不用重啟，它會(huì)自動(dòng)重啟
#'host'='0.0.0.0'別人可以通過IP訪問

結(jié)果：

2.Flask-CORS

安裝：pip install flask-cors

服務(wù)端代碼：

import flask,json #引入flask框架
from flask_cors import CORS
server = flask.Flask(__name__) #實(shí)例化server，把當(dāng)前這個(gè)python文件當(dāng)做一個(gè)服務(wù)，__name__代表當(dāng)前這個(gè)python文件
# r'/*' 是通配符，讓本服務(wù)器所有的URL 都允許跨域請(qǐng)求
CORS(server, resources=r'/*')
@server.route('/index',methods=['get']) #'index'是接口路徑，methods不寫，則默認(rèn)get請(qǐng)求
#裝飾器下面的函數(shù)為一個(gè)接口
def index():
 data = {"name":"xiaoming","age":"15"}
 return json.dumps(data,ensure_ascii=False)

#啟動(dòng)服務(wù)
server.run(port=8080,debug=True,host='0.0.0.0') 
#debug=True改了代碼后，不用重啟，它會(huì)自動(dòng)重啟
#'host'='0.0.0.0'別人可以通過IP訪問

以上這篇Python Tornado之跨域請(qǐng)求與Options請(qǐng)求方式就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章: