迹忆客 专注技术分享

我们将通过此解释了解在 Flask 应用程序中创建 API 时出现的问题，以及如何在从不同域访问 Flask 应用程序时修复错误。

在 Flask 中使用 CORS 类修复跨域问题

有时我们创建了一个 API，但我们没有任何问题将其提供给用户，但是当我们要与前端集成时，这个问题就来了；这是我们需要解决的跨域请求。

我们将讨论如何解决前端报告的问题，通常是前端开发人员报告的问题，因为最初当我们在 Flask 中创建 API 时，我们不会查看解决此 CORS 将采取的步骤代表跨域资源共享的问题。

第一步，我们需要安装一个名为 Flask-Cors 的内置模块；一旦安装了这个模块，那么我们将在我们的应用程序中使用它。

pip install Flask-Cors

现在我们需要导入 CORS，这个模块负责所有类型的 CORS 问题；它将能够解决来自前端的任何请求。

from flask_cors import CORS

现在我们需要创建一个 Flask 应用程序并将该应用程序包装到 CORS 类中，以便该应用程序负责接受任何请求。它可以是路由上的直接请求或其他请求。

from flask import Flask, Response
from json import dumps
from flask_cors import CORS

app = Flask(__name__)
CORS(app)

@app.route('/', methods=['GET'])
def User_Access():
    return Response(dumps({
        'User_KEY': 'ADB11081'
    }), mimetype='text/json')

app.run(port=5000)

有几种方法可以在我们的应用程序中使用它；最简单的方法是将整个应用程序包装在 CORS() 类中；在前面的示例中，我们已经研究了如何做到这一点。

其次，我们可以定义我们想要访问的域以及我们在应用程序中允许的某些特定内容。

让我们创建一个名为 cors 的变量，然后传入几个选项​​，第一个是应用程序本身，第二个是 resources，这是一个关键字参数，我们可以在其中指定我们想要允许访问的内容。

我们使用的是正则表达式，然后在引号内，我们将放置一个路由，在斜线之后，我们可以指定一个特定的用户，或者我们可以传递一个星号来允许所有用户访问。

之后，我们定义允许访问的域，所以我们必须输入 origins；然后，我们可以给它一个允许访问的来源或域的列表。

在我们的例子中，我们向它传递了一个星号符号，表示互联网上可以访问我们所有 API 路由的任何域。

from flask import Flask, Response
from json import dumps
from flask_cors import CORS

app = Flask(__name__)


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


@app.route('/', methods=['GET'])
def User_Access():
    return Response(dumps({
        'User_KEY': 'ADB11081'
    }), mimetype='text/json')

app.run(port=5000)

现在我们将运行服务器，进入浏览器，然后看看在开发者模式中发生了什么。我们可以看到所有域都允许 Access-Control-Allow-Origin。