3

ExtJS（クライアント）とFlask （サーバー）を使用してRESTfulアプリケーションを開発しています。クライアントとサーバーはプロトコルによってリンクされています。

次のように、サーバーに対してAJAXリクエストを実行しようとすると問題が発生します。

Ext.Ajax.request ({
    url: 'http://localhost:5000/user/update/' + userId ,
    method: 'POST' ,
    xmlData: xmlUser ,
    disableCaching: false ,
    headers: {
        'Content-Type': 'application/xml'
    } ,
    success: function (res) {
        // something here
    } ,
    failure: function (res) {
        // something here
    }
});

上記のリクエストで、クライアントはユーザー情報を更新しようとしています。 残念ながら、これはクロスドメインリクエストです（詳細）。

サーバーはその要求を次のように処理します。

@app.route ("/user/update/<user_id>", methods=['GET', 'POST'])
def user_update (user_id):
  return user_id

ブラウザコンソールに表示されるのは、OPTIONSではなくリクエストですPOST。次に、80ポートでFlaskアプリケーションを起動しようとしましたが、それは不可能です。

app.run (host="127.0.0.1", port=80)

結論として、AJAX要求を実行できない場合に、クライアントがサーバーと対話する方法がわかりません。

この問題を回避するにはどうすればよいですか？

4

3 に答える 3

4

これは、Flaskを使用したCORSの優れたデコレータです。

http://flask.pocoo.org/snippets/56/

リンクが切れた場合の子孫のコードは次のとおりです。

from datetime import timedelta
from flask import make_response, request, current_app
from functools import update_wrapper


def crossdomain(origin=None, methods=None, headers=None,
                max_age=21600, attach_to_all=True,
                automatic_options=True):
    if methods is not None:
        methods = ', '.join(sorted(x.upper() for x in methods))
    if headers is not None and not isinstance(headers, basestring):
        headers = ', '.join(x.upper() for x in headers)
    if not isinstance(origin, basestring):
        origin = ', '.join(origin)
    if isinstance(max_age, timedelta):
        max_age = max_age.total_seconds()

    def get_methods():
        if methods is not None:
            return methods

        options_resp = current_app.make_default_options_response()
        return options_resp.headers['allow']

    def decorator(f):
        def wrapped_function(*args, **kwargs):
            if automatic_options and request.method == 'OPTIONS':
                resp = current_app.make_default_options_response()
            else:
                resp = make_response(f(*args, **kwargs))
            if not attach_to_all and request.method != 'OPTIONS':
                return resp

            h = resp.headers

            h['Access-Control-Allow-Origin'] = origin
            h['Access-Control-Allow-Methods'] = get_methods()
            h['Access-Control-Max-Age'] = str(max_age)
            if headers is not None:
                h['Access-Control-Allow-Headers'] = headers
            return resp

        f.provide_automatic_options = False
        return update_wrapper(wrapped_function, f)
    return decorator
于 2012-10-08T17:36:05.487 に答える
1

CORSを使用して問題を回避します

http://en.wikipedia.org/wiki/Cross-origin_resource_sharing

于 2012-10-08T17:31:48.180 に答える
0

モジュールFlask-CORSを使用すると、クロスドメインリクエストの実行が非常に簡単になります。

app = Flask(__name__)
cors = CORS(app, resources={r"/api/*": {"origins": "*"}})

参照：https ：//pypi.python.org/pypi/Flask-Cors

于 2014-12-11T13:21:56.457 に答える