RESTful API - Flask - > jquery - 错误

问题描述：

我在研究RESTful API，并决定创建一个小型服务器和一个消费者来测试。RESTful API - Flask - > jquery - 错误

我正在使用Flask作为服务器和我在互联网上使用此API的示例。但我有一些问题。

在控制台上的错误消息这样说：XMLHttpRequest cannot load http://127.0.0.1:5000/api/tasks. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

但我不知道它可以是什么。

瓶服务器代码：使用jQuery

from flask import Flask, jsonify 

app = Flask(__name__) 

tasks = [ 
    { 
     'id':1, 
     'title': u'Estudo', 
     'description': u'Sistemas Distribuidos', 
     'done':True 
    }, 
    { 
     'id':2, 
     'title': u'Monitoria', 
     'description': u'Programacao e Algoritmos', 
     'done': False 
    } 
] 


@app.route('/') 
def index(): 
    return "URL PARA O ACESSO DA API: '/api/tasks'" 

@app.route('/api/tasks', methods=['GET']) 
def get_tasks(): 
    return jsonify({'tasks': tasks}) 

if __name__ == '__main__': 
    app.run(debug=True)

示例代码：

<!DOCTYPE html> 
<html> 
<head> 
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script> 
    <meta charset="utf-8"> 
    <title>Mashape Query</title> 
    <script> 
    function doIt() { 
var output = $.ajax({ 
    url: 'http://127.0.0.1:5000/api/tasks', // The URL to the API. You can get this by clicking on "Show CURL example" from an API profile 
    type: 'GET', // The HTTP Method, can be GET POST PUT DELETE etc 
    data: {}, // Additional parameters here 
    dataType: 'json', 
    success: function(data) { 
     //console.log(data); 
     alert(data); 
     document.getElementById("output").innerHTML = data.source; 
     }, 
    error: function(err) { alert(err.getText); } 
}); 


} 

</script> 
</head> 
<body> 

    <button onclick="doIt()">Run the request</button> 
    <div id="output">The API request is:</div> 

</body> 
</html>

答

最有可能的最简单的就是安装https://flask-cors.readthedocs.io/en/latest/。

从他们Simple Usage指南：

from flask import Flask 
from flask_cors import CORS, cross_origin 

app = Flask(__name__) 
CORS(app) 

@app.route("/") 
def helloWorld(): 
    return "Hello, cross-origin-world!"

如果你不想安装的软件包，你可以尝试从这里https://stackoverflow.com/a/33091782/2525104由萨尔瓦多·达利使用该解决方案。

@app.route('your route', methods=['GET']) 
def yourMethod(params): 
    response = flask.jsonify({'some': 'data'}) 
    response.headers.add('Access-Control-Allow-Origin', '*') 
    return response

RESTful API - Flask - > jquery - 错误

相关推荐