CORSのためにHerokuのFlask APIにアクセスできない問題

Question

私のフラスコAPI（Herokuでホストされています）に電話をかけようとしています。 URLバーにURLを置くと動作しますが、jqueryで実装すると失敗します。

私は先に行って、flask-corsをインストールし、以下を追加しました：

app = Flask(__name__) 
cors = CORS(app) 

@app.route("/") 
@cross_origin() 
def home(): 
    return jsonify({"results":{}}) 

私がしなければならない何か他のものはありますか？私はまた私の要求に次のようでした：

function fetchResults(requestURL, callback) { 

    var xmlHttp = new XMLHttpRequest(); 
    xmlHttp.onreadystatechange = function() { 
     if (xmlHttp.readyState === 4) { 
      if (xmlHttp.status === 200) { 
       callback(xmlHttp.responseText); 
      } else { 
       console.error("Error: " + xmlHttp.status + xmlHttp.statusText); 
      } 
     } 
    } 

    //Make Async GET Request 
    xmlHttp.open("GET", requestURL, true); 
    xmlHttp.setRequestHeader('Access-Control-Allow-Origin', '*'); 
    xmlHttp.send(null); 
}   

Answer 1

Access-Control-Allow-Originは、あなたが回答ではないリクエストに設定する必要がありますヘッダーです。 cross_originはこれを行います。

あなたはjQueryのを使用する場合だけ使用します。

$.ajax({ 
    url: ..., 
    ...., 
    crossDomain: true 
})