JQuery Ajax SSL POST OPTIONS请求中的CORS错误

Question

我对预检请求有疑问。 我以这种格式通过 jQuery Ajax 从 JavaScript 调用由 Flask python 提供的 SSL（通过临时自签名证书）API：

WS_URL='https://192.168.2.15:444';
idata=JSON.stringify({ atext: rawtext }) 
$.ajax({
    type: 'post',
    url: WS_URL+'/method1',
    data: idata,
    dataType: "json",
    async:true,
    headers: {  
                'Access-Control-Allow-Origin': '*',
                'Access-Control-Allow-Credentials':'*',
                'Access-Control-Allow-Headers':'*',
                'Access-Control-Allow-Methods':'*'
             },
    xhrFields: {
         withCredentials: true
    },
    contentType: "application/json; charset=utf-8",
    crossDoman: true,
    success: function(rsp,request){
        if (rsp.error[0].error_code==0){
            fill_answer_list(rsp.answers);
        }
        else {
            alert("Error: "+rsp.error.error_code)
        }
    },
    error: function(xhr){ //),status,error) {
        console.log(xhr.responseText);            
    }
});

在我的 Flask python API 中我也有：

from flask import Flask, abort, request, make_response, jsonify,Response
from flask_cors import CORS,cross_origin

app = Flask(__name__)
cors=CORS(app,support_credentials=True)
app.config['CORS_HEADERS'] = 'application/json'
app.config['JSON_AS_ASCII'] = False

app.run(ssl_context='adhoc',debug=True)

最后，我通过 Flask 在命令提示符模式下使用以下命令运行此服务：

set FLASK_ENV=development
set FLASK_APP=tapi.py
flask run --host 192.168.2.15 --port 444 --cert=adhoc

使用此配置，我收到以下错误：

跨域请求被阻止：同源策略不允许读取 https://192.168.2.15:444/method1 的远程资源。 （原因：CORS 请求未成功）。状态码：（空）。

根据这个错误，我无法从我的 API 获取任何数据。 如果可能，请帮助我，我应该怎么做才能解决这个问题？

Answer 1

这里有很多问题，建议你使用最低配置让程序运行起来，然后逐步添加组件。 首先解决不能跨域的问题。 JavaScript 像这样删除 seesion、async 和 json： （顺便说一句，跨域处理cookie非常困难，建议你使用token来授权。）

WS_URL='http://<backend host>:<port>'
idata=JSON.stringify({ atext: rawtext }) 
$.ajax({
    type: 'post',
    url: WS_URL+'/method1',
    data: idata,
    dataType: "json",
    contentType: "application/json; charset=utf-8",
    success: function(rsp,request){
        if (rsp.error[0].error_code==0){
            fill_answer_list(rsp.answers);
        }
        else {
            alert("Error: "+rsp.error.error_code)
        }
    },
    error: function(xhr){ //),status,error) {
        console.log(xhr.responseText);            
    }
});

烧瓶：

... # import package
...
app = Flask(__name__)
cors=CORS(app,support_credentials=True)

app.run(debug=True)

app.run 和flask run 两者都只能使用。