Python之Flask和Django框架解决跨域问题，配合附加ajax和fetch等js代码

Flask框架py解决跨域问题示例：

# -*- coding: utf-8 -*-
# by zhenghai.zhang

from flask import Flask, render_template, jsonify, request
from flask_pymongo import PyMongo,DESCENDING
import datetime
import time


app = Flask(__name__)
app.config['MONGO_DBNAME'] = 'service'
app.config['MONGO_URI'] = 'mongodb://xxx:27017/service'
mongo = PyMongo(app)


def get_context():
    return {
        'success': True,
        'message': '',
        'code': 0,
        "data": [],
        "count": 0
    }


@app.route('/', methods=["GET"])
def index():
    return render_template("op.html")


# /mongo?num=10&page=10&size=10
@app.route('/mongo', methods=['GET','OPTIONS'])
def getmongodata():

    # num = request.args.get('num', "30")
    page = request.args.get('page', "1")
    size = request.args.get('size', "30")
    rstart = request.args.get('startdate', "0") # like 2017-08-27-00:00:00
    rend = request.args.get('enddate', "0") # like 2017-08-29-00:00:00
    rdeviceid = request.args.get('deviceid', "") # like xxxx
    ctx = get_context()

    if rstart =="0" and rend == "0":
        endtts = int(time.time()*1000000)
        today = datetime.datetime.now()
        delta = datetime.timedelta(days=7)
        start = today - delta
        dt = start.strftime("%Y-%m-%d-%H:%M:%S")
        timeArray = time.strptime(dt, "%Y-%m-%d-%H:%M:%S")
        startts = int(time.mktime(timeArray)) * 1000000
    else:
        try:
            startts = int(time.mktime(time.strptime(rstart, '%Y-%m-%d-%H:%M:%S'))*1000000)
            endtts = int(time.mktime(time.strptime(rend, '%Y-%m-%d-%H:%M:%S'))*1000000)
            # end1 = time.strptime(rend, '%Y-%m-%d-%H:%M:%S')
            # end2 = datetime.datetime(end1.tm_year, end1.tm_mon, end1.tm_mday)
            # delta1 = datetime.timedelta(days=1)
            # end3 = end2 + delta1
            # endtts = int(time.mktime(end3.timetuple())*1000000)

        except:
            print("parameter is wrong!!!")

    collection = mongo.db['trace_log']
    print(endtts, startts, page, size )
    if rdeviceid == "":
        results = collection.find({'sr': {'$gte': startts, '$lt': endtts}})
            .sort('sr', DESCENDING)
            .skip((int(page) - 1)*int(size))
            .limit(int(size))
        ctx['count'] = collection.find({'sr': {'$gte': startts, '$lt': endtts}}).count()

    else:
        results = collection.find({"$and":[{'sr': {'$gte': startts, '$lt': endtts}}, {"debug_log":{'$elemMatch':{"device_id": rdeviceid}}}]})
            .sort('sr', DESCENDING) 
            .skip((int(page) - 1) * int(size)) 
            .limit(int(size))
        ctx['count'] = collection.find({"$and":[{'sr': {'$gte': startts, '$lt': endtts}}, {"debug_log":{'$elemMatch':{"device_id": rdeviceid}}}]}).count()

    for res in results:
        d = {}
        annotation = res.get("annotation")
        for anno in annotation:
            if anno.get("name") == "asr":
                debug_log = anno.get("debug_log")
                asr = debug_log[0].get("asr")
        debug_log = res.get("debug_log")
        debug_log0 = debug_log[0]
        session_id = debug_log0.get("session_id")
        codec = debug_log0.get("codec")
        if not session_id:
            session_id = ""     #超级无敌重要
        wavfile = session_id + ".wav"
        codecfile = session_id + "." + codec

        asrtimestr = session_id.split("-")[-1]
        st = time.localtime(float(asrtimestr))
        asrtime = time.strftime("%Y-%m-%d %H:%M:%S", st)
        asrthedate = time.strftime("%Y%m%d", st)
        asrdeviceid = debug_log0.get("device_id")
        asrdevicetype = debug_log0.get("device_type")
        asrdevicekey = debug_log0.get("device_key")

        # print(asrtime,asrdeviceid,asrdevicekey,asrdevicetype,asr,file)

        d['asrtime'] = asrtime
        d['asrthedate'] = asrthedate
        d['asrdeviceid'] = asrdeviceid
        d['asrdevicekey'] = asrdevicekey
        d['asrdevicetype'] = asrdevicetype
        d['asr'] = asr
        d['wavfile'] = wavfile
        d['codecfile'] = codecfile
        d['codec'] = codec

        ctx['data'].append(d)
    ctx['data'] = sorted(ctx['data'], key=lambda k: k['asrtime'], reverse=True)

    resp = jsonify(ctx)
    resp.headers['Access-Control-Allow-Origin'] = '*'
    resp.headers['Access-Control-Allow-Methods'] = 'POST'
    resp.headers['Access-Control-Allow-Headers'] = 'x-requested-with,content-type'
    return resp


if __name__ == '__main__':
    app.run("0.0.0.0",port=5000)

Django框架views.py解决跨域问题示例：

from django.http import JsonResponse
from django.db import connection
import datetime
import time
import json


def get_context():
    return {
        'errcode': 0,
        'errmsg': '',
        'data': []
    }


def ctxWraped(ctx):
    response = JsonResponse(ctx)
    response["Access-Control-Allow-Headers"] = "content-type"
    response["Access-Control-Allow-Origin"] = "*"
    response["Access-Control-Allow-Methods"] = "POST, GET, OPTIONS"
    response["Access-Control-Max-Age"] = "1000"
    return response


# 获取每天语音交互数
def speechtrend(request):

    startdate = request.GET.get("startdate", "0")
    enddate = request.GET.get("enddate", "0")

    if startdate == "0" or enddate == "0":
        today = datetime.datetime.now()
        delta = datetime.timedelta(days=30)
        start = today - delta
        startdate = start.strftime("%Y%m%d")
        enddate = today.strftime("%Y%m%d")



    cursor = connection.cursor()
    sql = "select thedate, sum(count) as count from dwb_speech_domain_d where thedate >= '"+startdate+"' and thedate < '"+enddate+"' group by thedate"
    cursor.execute(sql)

    result = cursor.fetchall()
    ctx = get_context()
    ctx["namelist"] = []
    ctx["namevalue"] = []
    for rec in result:
        record = {}
        record["name"] = rec[0]
        record["value"] = int(rec[1])
        ctx["namelist"].append(rec[0])
        ctx['data'].append(record)
        ctx["namevalue"].append(int(rec[1]))
    connection.close()

    return ctxWraped(ctx)

网站端JavaScript代码

ajax代码：

　　　　　　let url = 'http://localhost:8000/product/speechdistinctsn/', self = this;
          $.ajax({
            type: 'GET',
            async: true,
            url: url,
            dataType: 'json',
            success: function (result) {
              self.speechdistinctsnname = result.namelist;
              self.speechdistinctsndata = result.namevalue;
              self.drawSpeechDistinctSn('speechdistinctsn'); #echarts 渲染
            },
            error: function (errorMsg) {
              console.log(errorMsg)
            }
          })

fetch代码：

    　　　　let url = 'http://localhost:8000/product/speechdomain/', self = this;
          fetch(url, {
              method: 'GET',
              dataType: 'json',
              headers: {
                'Accept': 'application/json',
                'Content-Type': 'application/json'
              }
          }).then(function(response) {
            response.json().then(function (result) {
              self.opinion = result.namelist;
              self.opinionData = result.data;
                self.drawGraph('main')
            })
          })   

以上，网站+后端配合完美解决跨域问题。

参考文章

Django通过设置settings解决跨域问题：http://www.jianshu.com/p/1fd744512d83 PS：我自己试了N次发现不管用，不知道是姿势不对还是怎么着，

如有错误，还请各位大虾指教。