Bottle Py：为 jQuery AJAX 请求启用 CORS

问题描述 投票：0回答：4

我正在 Bottle Web 框架上开发 Web 服务的 RESTful API，并希望通过 jQuery AJAX 调用访问资源。

使用 REST 客户端，资源接口按预期工作并正确处理 GET、POST...请求。但是，当发送 jQuery AJAX POST 请求时，生成的 OPTIONS 预检请求会被简单地拒绝为“405：方法不允许”。

我尝试在 Bottle 服务器上启用 CORS - 如下所述：http://bottlepy.org/docs/dev/recipes.html#using-the-hooks-plugin 但是 OPTIONS 请求永远不会调用 after_request 钩子。

这是我的服务器的摘录：

from bottle import Bottle, run, request, response
import simplejson as json

app = Bottle()

@app.hook('after_request')
def enable_cors():
    print "after_request hook"
    response.headers['Access-Control-Allow-Origin'] = '*'
    response.headers['Access-Control-Allow-Methods'] = 'GET, POST, PUT, OPTIONS'
    response.headers['Access-Control-Allow-Headers'] = 'Origin, Accept, Content-Type, X-Requested-With, X-CSRF-Token'

@app.post('/cors')
def lvambience():
    response.headers['Content-Type'] = 'application/json'
    return "[1]"

[...]

jQuery AJAX 调用：

$.ajax({
    type: "POST",
    url: "http://192.168.169.9:8080/cors",
    data: JSON.stringify( data ),
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function(data){
        alert(data);
    },
    failure: function(err) {
        alert(err);
    }
});

服务器仅记录 405 错误：

192.168.169.3 - - [23/Jun/2013 17:10:53] "OPTIONS /cors HTTP/1.1" 405 741

$.post 确实有效，但无法发送 PUT 请求将违背 RESTful 服务的目的。 那么我怎样才能允许处理 OPTIONS 预检请求呢？

jquery ajax cors bottle
4个回答
39
投票

安装处理程序而不是挂钩。

我过去有两种互补的方法来做到这一点：装饰器或 Bottle 插件。我将向您展示两者，您可以决定其中之一（或两者）是否适合您的需求。在这两种情况下，总体思路是：处理程序在将响应发送回客户端之前拦截响应，插入 CORS 标头，然后继续返回响应。

方法一：按路由安装（装饰器）

当您只想在某些路由上运行处理程序时，此方法更合适。只需装饰您希望其执行的每条路线即可。这是一个例子：

import bottle
from bottle import response

# the decorator
def enable_cors(fn):
    def _enable_cors(*args, **kwargs):
        # set CORS headers
        response.headers['Access-Control-Allow-Origin'] = '*'
        response.headers['Access-Control-Allow-Methods'] = 'GET, POST, PUT, OPTIONS'
        response.headers['Access-Control-Allow-Headers'] = 'Origin, Accept, Content-Type, X-Requested-With, X-CSRF-Token'

        if bottle.request.method != 'OPTIONS':
            # actual request; reply with the actual response
            return fn(*args, **kwargs)

    return _enable_cors


app = bottle.app()

@app.route('/cors', method=['OPTIONS', 'GET'])
@enable_cors
def lvambience():
    response.headers['Content-type'] = 'application/json'
    return '[1]'

app.run(port=8001)

方法二：全局安装（Bottle插件）

如果您希望处理程序在所有或大部分路由上执行，则此方法更可取。您只需定义一个 Bottle 插件一次，Bottle 就会在每条路线上自动为您调用它；无需为每个装饰器指定一个装饰器。 （请注意，您可以使用路由的 

skip
参数来避免在每个路由的基础上使用此处理程序。）以下是与上面的示例相对应的示例：

import bottle
from bottle import response

class EnableCors(object):
    name = 'enable_cors'
    api = 2

    def apply(self, fn, context):
        def _enable_cors(*args, **kwargs):
            # set CORS headers
            response.headers['Access-Control-Allow-Origin'] = '*'
            response.headers['Access-Control-Allow-Methods'] = 'GET, POST, PUT, OPTIONS'
            response.headers['Access-Control-Allow-Headers'] = 'Origin, Accept, Content-Type, X-Requested-With, X-CSRF-Token'

            if bottle.request.method != 'OPTIONS':
                # actual request; reply with the actual response
                return fn(*args, **kwargs)

        return _enable_cors


app = bottle.app()

@app.route('/cors', method=['OPTIONS', 'GET'])
def lvambience():
    response.headers['Content-type'] = 'application/json'
    return '[1]'

app.install(EnableCors())

app.run(port=8001)
7
投票

这里对 @ron.rothman 的方法 #2 进行了一个小改进，用于全局安装 CORS 处理程序。他的方法要求您指定您声明的每条路线都接受 

OPTIONS
方法。此解决方案为所有 
OPTIONS
请求安装一个全局处理程序。

@bottle.route('/<:re:.*>', method='OPTIONS')
def enable_cors_generic_route():
    """
    This route takes priority over all others. So any request with an OPTIONS
    method will be handled by this function.

    See: https://github.com/bottlepy/bottle/issues/402

    NOTE: This means we won't 404 any invalid path that is an OPTIONS request.
    """
    add_cors_headers()

@bottle.hook('after_request')
def enable_cors_after_request_hook():
    """
    This executes after every route. We use it to attach CORS headers when
    applicable.
    """
    add_cors_headers()

def add_cors_headers():
    if SOME_CONDITION:  # You don't have to gate this
        bottle.response.headers['Access-Control-Allow-Origin'] = '*'
        bottle.response.headers['Access-Control-Allow-Methods'] = \
            'GET, POST, PUT, OPTIONS'
        bottle.response.headers['Access-Control-Allow-Headers'] = \
            'Origin, Accept, Content-Type, X-Requested-With, X-CSRF-Token'
2
投票

你实际上不应该使用这个吗？

response.set_header('Access-Control-Allow-Origin', '*')
response.add_header('Access-Control-Allow-Methods', 'GET, POST, PUT, OPTIONS')
1
投票

考虑让您的网络服务器而不是 Bottle 设置标头。

不确定这是否适用于您的情况，但我通过在 Apache 中为 Bottle 应用程序设置 CORS 标头解决了过去项目中的问题。它易于配置，使我的 Python 代码保持整洁且高效。

可以从许多来源获取信息，但如果您使用 Apache，我的配置如下（或多或少）：

<Location "/cors"> Header set Access-Control-Allow-Headers "Origin, Content-Type" Header set Access-Control-Allow-Methods "POST, GET, OPTIONS" Header set Access-Control-Allow-Origin "*" Header set Access-Control-Request-Headers "Origin, Content-Type" </Location>
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.