来自Angular的Flask python API CORS问题
跨域资源共享（CORS）问题通常发生在浏览器尝试从一个域向另一个域发送请求时，而服务器没有正确配置允许这种跨域请求
以下是解决Flask应用中CORS问题的几种方法：
方法1：使用Flask-CORS扩展
Flask-CORS是一个Flask扩展，可以轻松地为你的应用添加CORS支持。首先，安装Flask-CORS：
pip install flask-cors然后在你的Flask应用中使用它：
from flask import Flask, jsonify
from flask_cors import CORS
app = Flask(__name__)
CORS(app)
@app.route('/api/data')
def get_data():
data = {'key': 'value'}
return jsonify(data)
if __name__ == '__main__':
app.run()这将允许所有域对你的API发起跨域请求。如果你想限制允许的域，可以使用origins参数：
CORS(app, origins=['http://localhost:4200'])方法2：手动设置响应头
如果你不想使用Flask-CORS扩展，你可以手动设置响应头来允许跨域请求。在你的Flask应用中，为每个路由添加以下响应头：
from flask import Flask, jsonify, make_response
app = Flask(__name__)
@app.route('/api/data')
def get_data():
data = {'key': 'value'}
response = make_response(jsonify(data))
response.headers.add('Access-Control-Allow-Origin', '*')
response.headers.add('Access-Control-Allow-Headers', 'Content-Type,Authorization')
response.headers.add('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,OPTIONS')
return response
if __name__ == '__main__':
app.run()这将允许所有域对你的API发起跨域请求。与Flask-CORS扩展类似，你可以通过修改Access-Control-Allow-Origin头来限制允许的域。
方法3：处理预检请求
对于某些请求（如带有自定义头的请求或非GET/POST请求），浏览器会先发送一个预检请求（OPTIONS请求）。你需要确保你的Flask应用能够正确处理这些预检请求。
from flask import Flask, request, jsonify
app = Flask(__name__)
@app.route('/api/data', methods=['GET', 'POST', 'OPTIONS'])
def get_data():
if request.method == 'OPTIONS':
response = app.make_default_options_response()
response.headers.add('Access-Control-Allow-Origin', '*')
response.headers.add('Access-Control-Allow-Headers', 'Content-Type,Authorization')
response.headers.add('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,OPTIONS')
return response
data = {'key': 'value'}
response = make_response(jsonify(data))
response.headers.add('Access-Control-Control-Origin', '*')
response.headers.add('Access-Control-Allow-Headers', 'Content-Type,Authorization')
response.headers + response.headers.add('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,OPTIONS')
return response
if __name__ == '__main__':
app.run()相关·内容
我正在使用angular上传文件，并尝试在flask中访问上传的文件。这是没有问题的，并且运行良好。但是，当我添加更多请求参数时，似乎无法在flask request对象中找到它们。下面是flask代码(使用Flask-Restful)：from flask.ext.restful import', 1
浏览 0提问于2016-05-10得票数 4
我有Flask Python API与cors设置如下。当从浏览器调用时，它运行良好。但是当从当前从localhost测试的Angular应用程序调用时，获得CORS错误:4200。从Chrome开发者工具-可以看到印前检查请求与请求Method=Options(印前检查请求)返回200，但实际的请求是抛出CORS错误。我不知道我到底做错了什么。请分享你的见解。仅供参考-尝试了几个调整，如设置允许的
浏览 17提问于2020-08-08得票数 0
1回答
AJackTis-MacBook-Air:API ajackti$ pip install flask_cors
已经满足的需求:6个in /usr/local/lib/<
浏览 0提问于2019-05-04得票数 0
回答已采纳
我有一个做发布的服务。该服务正在另一台计算机上托管。当我尝试使用Postman发帖时，它工作得很好。现在，当我尝试使用在另一台机器上运行的Angular2应用程序进行发布时，我得到了一个错误消息"Response with status: 0 for URL: null“。我的angular服务中的代码如下： var json = JSON.stringify({
"TestInfo_FK" :
浏览 4提问于2017-08-09得票数 0
我有一个非常基本的烧瓶+ SocketIO应用程序，但是当我试图从客户端发出时，它不会被接收到。我的代码：from flask_socketio import SocketIO
app = Flask(__name__)def start_flask():
socketio.run(app, host='127.0.0.1', port=12345
浏览 3提问于2020-11-14得票数 1
回答已采纳
1回答
我已经尝试了几个小时来允许angularjs客户端(localhost:5000)使用flask (localhost:5001)访问python服务器的资源，但是我一直收到相同的错误消息“跨域请求被阻塞:同源策略不允许在http://localhost:5001/api读取远程资源。到目前为止，我已经尝试过： 允许通过flask_cors使用CORS from flask_cors a
浏览 17提问于2019-02-21得票数 1
回答已采纳
1回答
尝试获取资源时出现网络错误
、、、、
我有一个关于从部署在Heroku上的javascript应用程序访问部署在google应用程序引擎上的API的问题的问题。
当我在google chrome上访问我的API链接时，它工作正常。然而，当我使用部署在Heroku上的javascript应用程序调用我的API链接时，它有时无法工作，并返回给我网络错误。我按照"“上的说明在谷歌应用程序引擎<em
浏览 16提问于2020-05-11得票数 0
我在pythonanywhere上托管了一个python flask api。它接受json输入，执行一些操作，并返回json格式的响应。 我有一个网站，试图调用此API，并应显示响应。控制台打印错误:在http://abc.pythonanywhere.com/xyz的跨域资源的请求头中，CORSThe源未找到访问控制允许源 开发人员工具中的网络选项卡显示到python anywhere的</e
浏览 14提问于2020-03-30得票数 0
回答已采纳
我有一个web应用程序和一些Python脚本，我想在一些输入的文本上运行。我环顾四周，似乎Flask是最好的解决方案，但这不意味着我会有两个web服务器吗？那么，当用户提交一些文本，运行Python脚本，然后停止Flask服务器时，我会启动Flask服务器吗？我该怎么做呢？应用程序是JS/jQuery。另一种解决方案似乎是将Python重写为JavaScript，当然我对此犹豫不决。
浏览 33提问于2018-09-04得票数 -1
要从get开始声明，这并不是对pythonanywhere的批评，但我想运行一个使用下面一行的脚本：但是，我得到了以下错误描述：然后尝试在我的python版本中安装：结
浏览 21提问于2022-11-12得票数 0
我在试着让CORS工作。不过，解决办法并不适用于所有api，所以我希望有一种正常的工作方式。现在我已经被困在这里一段时间了。除了我想解决的CORS问题。这是我完整的app.py：from flask import Flask, request, appfromapp =
浏览 6提问于2021-12-18得票数 -1
回答已采纳
当我尝试使用anguar2 http连接到远程API时，我得到了以下异常。此外，我的web服务器正在接收请求并正常响应。
我可以成功地向本地服务器发出curl请求。
浏览 1提问于2016-07-10得票数 11
回答已采纳
这是我的services.jsIpZapServices.factory编辑： "id": 3, "state": false}编辑2
浏览 9提问于2015-12-10得票数 0
1回答
我已经在堆栈溢出上读了很多关于它的文章，但是现在我正在为一个问题而挣扎，不知道如何解决它。我的main.py如下所示：from bson.objectidimport ObjectId
app = Flask</em
浏览 1提问于2020-04-09得票数 0
回答已采纳
1回答
我正在开发一个使用Flask服务器端和Angular客户端的web应用程序。我需要在这样的应用程序中允许多用户登录，并且我想使用flask会话对象来处理登录会话，但是会话不会在请求之间持久存在，并且每次都会被破坏。我已经遵循了一些变通方法(通过向请求和响应中添加特定的头，flask_cors已经配置好并正常工作)。编辑：CORS(app, supp
浏览 23提问于2021-09-20得票数 0
1回答
我是新的反应原住民，并试图建立一个应用程序。我搞不懂如何“连接”后端和前端。data => { })}
现在，我只是试图打印出控制台中的数据但是，我试图打印的数据来自我的后端，该后端目前如下所示：
# <e
浏览 1提问于2021-12-20得票数 0
回答已采纳
2回答
下面是向本地托管的rest发送post请求的代码。const URL ='http://localhost:5000/api/v1.0/tasks/'
console.log("Sending请求错误，但是通过禁用Chromium的web安全选项来解决它。但是，当上面的代码被称为GET请求时，网站会收到以下响应：
Response {type: "cors</
浏览 5提问于2019-12-14得票数 1
回答已采纳
2回答
我对这个问题感到迷茫，我有一个用python编写的服务，我需要通过ajax调用从一个网页访问它import flaskfrom flask_cors import CORS, cross_originfrom datetime import datetime, timedeltaapp = <em
浏览 2提问于2021-09-15得票数 0
socketio无法从python获取数据到角前端，它将错误显示为"Cross-Origin Request Blocked: The Same Origin Policy disallows reading(Reason: CORS request did not succeed)“。while True:没有从python进入角，显示了上面的错误
浏览 7提问于2020-12-31得票数 1
我正在构建一个应用程序，其中flask rest API接受两个字符串，并给出一个浮点值作为预测。现在，我正在尝试连接react应用程序，以便在网页上显示预测结果。下面是用于在react应用中获取rest API预测的代码。function App() { fetch(
"https://flask-api-test1.herokuapp.com/predict?solute=CC(
浏览 23提问于2021-11-11得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
