I am using frontend (in reactJS) (localhost:8080) to call the flask API (localhost:8000) as specified below:
def _build_cors_prelight_response():
response = make_response()
response.headers.add("Access-Control-Allow-Origin", "*")
response.headers.add("Access-Control-Allow-Headers", "*")
response.headers.add("Access-Control-Allow-Methods", "*")
return response
def event_stream():
while True:
# wait for source data to be available, then push it
yield 'data: {}\n\n'.format(get_message())
#from: https://stackoverflow.com/questions/25594893/how-to-enable-cors-in-flask
@app.route('/api/events', methods=["GET","OPTIONS"])
def events():
if request.method == "OPTIONS": # CORS preflight
return _build_cors_prelight_response()
elif request.method=="GET":
return Response(event_stream(), mimetype="text/event-stream")
Although I have specified Access-Control-Allow-Origin in the header, I still get cors error in chrome (v. 81.0.4044.138)
Interestingly if I omit the line
response.headers.add("Access-Control-Allow-Origin", "*") above,
I would get a different error
In my flask endpoint, this is what I see in the console:
How to resolve the issue?
