0

我已经尝试过使用 JavaScript 的 Flask 服务器响应。

但在前端发生了如下错误。

datatables.js:10449 跨域读取阻塞 (CORB) 阻止了跨域响应...

所以我尝试使用 CORS 来解决这个问题。

这是我在 python 测试代码中的尝试。

from flask import request, Flask, jsonify
from flask_restful import Resource, Api
from flask_cors import CORS, cross_origin

app = Flask(__name__)
CORS(app)
app.config['CORS_HEADERS'] = ('Content-Type', 'application/json')

@app.route('/', methods=['GET'])
@cross_origin(origins = '*')

def get():
    try:
        parameter1 = request.args.get('parameter1')
        parameter2 = request.args.get('parameter2')
        parameter3 = request.args.get('parameter3')
        parameter4 = request.args.get('parameter4')
        parameter5 = request.args.get('parameter5')
    para_dict = {'parameter1':parameter1,
         'parameter2':parameter2,
         'parameter3':parameter3,
         'parameter4':parameter4,
         'parameter5':parameter5,
         }
    return jsonify(para_dict)

在 JavaScript 中，jsonp 用于消除响应错误，如下面的代码所示。

var url = 'localhost:5002/';
var param = {
    parameter1: $ {
        param.parameter1
    },
    parameter2: $ {
        param.parameter2
    },
    parameter3: $parameter3.val().trim(),
    parameter4: $parameter4.val().trim(),
    parameter5: $parameter5.val().trim()
};
$.get(url, param, function(data) {
    if (data.status) {
        if (!$parameter3.val().trim()) $parameter3.val(data.value);
        else if (!$parameter4.val().trim()) $parameter3.val(data.value);
        else if (!$parameter5.val().trim()) $parameter3.val(data.value);

        chart.addPointAnnotation({
            x: data.x,
            y: data.y,
            label: {
                text: 'operation_point',
                style: {
                    fontSize: '1rem',
                    padding: {
                        left: 10,
                        right: 10,
                        top: 5,
                        bottom: 5,
                    }
                }
            },
        });
    } else {
        alert(data.msg);
    }
}, 'jsonp');//using jsonp

当我检查网络时，我认为它传输良好。

下面是网络头信息。

Access-Control-Allow-Origin: *
Content-Length: 98
Content-Type: application/json
Date: Thu, 09 Jan 2020 00:31:50 GMT
Server: Werkzeug/0.14.1 Python/3.7.3

但仍然得到同样的错误。

除了 cors 和 jsonp，我还应该设置什么？

4

0 回答 0