问题标签 [flask-cors]

我制作了一个应用程序，它有一个 Expo React 前端和一个通过 Flask API 连接的 Python 后端。这里的目标是通过 HTTP 从 Expo 应用程序将音频记录发送到将分析音频文件的 python 后端。

以下是一些可能有用的代码摘录。他在这里的完整代码。

按钮是这样定义的。

现在，后端代码看起来像这样，它获取音频文件来分析它。

问题是后端在录制完成之前接收文件并且它停止了。如何使记录保留在我的本地目录中，直到我单击按钮，然后才将文件发送到 Python 后端进行分析，烧瓶后端进行分析并将结果发回。

任何帮助，将不胜感激。

我正在尝试让 CORS 正常工作。一种解决方法有效，但不适用于所有 api。所以我想有正常的工作方式。现在让我在这里停留了一段时间。我尝试像这样初始化CORS：

这给了我以下错误：

return logging.getLogger("%s.cors" % app.logger_name) AttributeError: 'Flask' object has no attribute 'logger_name'

完整的错误是：

当我删除 CORS（flask_app）时，一切都很好。除了我想解决的 CORS 问题。

这是我完整的 app.py：

使用谷歌云平台。这可能是我问题的关键吗？我的 app.yaml 是：

我会尝试看看本地发生了什么，也许在这里更容易解决。考虑在这里重新输入问题时。

已经更新了我的 Flask-Cors (flask-cors)。尝试了很多东西，没有任何效果，因此提出了这个问题。

非常感谢您的帮助/谢谢！

我已经在 AWS EC2 实例上部署了一个烧瓶应用程序作为http. 现在，我正在尝试使用运行在localhost. 我收到以下错误 -

反应应用

烧瓶应用

我尝试了其他帖子中也提到的其他事情，但似乎没有任何效果。

使用命令 pip install flask-cors 并在 vscode 中成功安装

但是，当尝试运行命令 python app.py 时，出现错误：

（对不起，我的英语不好）

所以，我正在研究一个简单的 Flask + Vue 应用程序并尝试制作一个身份验证系统。我使用这个烧瓶教程作为基础，其中包含身份验证功能。到目前为止，为了在 Flask 和 Vue 之间进行通信，我使用的是 axios 和 Flask-CORS。前端部分工作正常，但是，我在后端（烧瓶）中的登录功能无法保留我传递给它的数据。经过几天的研究，我认为我将问题跟踪到了 CORS，不允许会话对象中的数据在不同请求之间持续存在。

所以这里是代码的重要部分：

授权蓝图：

将请求传递给登录视图后，我的终端返回的内容：

所以，我想我正在以正确的方式操作会话对象，我什至使用了 .modified 和 .permanent 对象来确保数据持续存在，但我无法使其与 before_app_request() 一起工作。

另外，我认为它不会影响我正在尝试做的事情，GET 请求来自不同的蓝图。我只是在同一个蓝图上尝试了 GET，问题是一样的。

我会在这里就如何解决这个明显的 CORS 问题提供一些帮助，因为我已经尝试了几乎所有可以在互联网上找到的东西。

我有一个公开的 Gitlab 存储库来演示这个问题： https ://gitlab.com/publ6/cors-is-my-friend

它可以与 Gitpod 一起使用。

这是一个带有 python Flask API 的 mono-repo，它公开了一个接受 GET 和 POST 请求的路由：

还有一个由 vue-js (vite) 驱动的前端应用程序两次调用路由：使用 GET 请求，然后使用 POST 请求：

尽管使用了 python 库“flask_cors”，但在 Gitpod 中使用时出现 CORS 错误（它适用于 localhost）

值得注意的是，我认为 Gitpod 测试很容易抛出 CORS 错误，即使它与 CORS 无关。

我正在开发一个带有 Angular 前端、MySQL 和 Flask 后端的仪表板。我已将数据库部署在 CloudSQL 上，并将 Flask 后端部署在 GCP Cloud Run 上。在我的本地计算机上生产期间，我遇到了这个错误：

对预检请求的响应未通过访问控制检查：请求的资源上不存在“Access-Control-Allow-Origin”标头。

我通过在本地将以下代码添加到我的烧瓶后端来修复它：

在烧瓶上的每个功能之前，我还尝试了以下代码，它似乎在本地计算机上完美运行：

当我将它部署到 GCP Cloud 运行时，出现了主要问题。我在那里使用经过身份验证的调用。以下是我在 Angular 应用程序中从浏览器发送 API 请求时在云运行日志中获得的日志：

警告 2022-02-24T06:14:41.430198ZOPTIONS4030 B0 msChrome 98 https://<My_URL>.app/api/login_users 请求未通过身份验证。允许未经身份验证的调用或设置正确的 Authorization 标头。在https://cloud.google.com/run/docs/securing/authenticating阅读更多信息 可以在以下位置找到其他故障排除文档：https ://cloud.google.com/run/docs/troubleshooting#unauthorized-client

这是我在浏览器中遇到的错误

从源“http://127.0.0.1:5555”访问“https://<My_URL>.app/api/login_users”处的 XMLHttpRequest 已被 CORS 策略阻止：对预检请求的响应未通过访问控制检查：请求的资源上不存在“Access-Control-Allow-Origin”标头。

到目前为止我尝试过的事情：

1. 在 Flask 中添加了所有可能的 CORS 技术
2. 在 Cloud Run 上部署后，使用 POSTMAN 和 python 请求检查了我的 API，它似乎运行良好
3. 尝试构建我的 Angular 应用程序的生产版本，以检查那一侧是否存在问题。还包括“凭据”标题：

4. 尝试使用 CURL 和 NodeJS 部署的 GCP 服务。也和他们一起工作。因此，只有 Angular 应用程序上的浏览器会出现问题。

我已经被这个问题困扰了好几天了。任何形式的帮助将不胜感激。谢谢

我用flask构建了一个post api并部署在windows server中。每当我从邮递员那里打 api 时，它工作正常。但是当我从前端（离子）点击api时。它显示cors错误。我在服务器端添加了烧瓶 cors。我不确定，是来自服务器端还是客户端问题。邮递员和前端的 get 方法也可以正常工作。前端开发人员告诉我它来自后端。他尝试了前端的所有解决方案。我在下面附上了我的一些代码：

运行.py

用户.py