En un archivo render.html tengo un botón que llama a una función en render.js (incluí render.js como src en el script)
<button type="button" onclick="someFunc()">Calculate</button>
En render.js someFunc() hace una solicitud
options = { method: "POST", headers: { "Content-Type" : "application/json" }, body: JSON.stringify(feat1dataObj) } const test1 = await fetch('http://localhost:5000/analyzeInput', options)
app.py es el backend que debe manejar la solicitud
from flask import Flask, jsonify, request app = Flask(__name__); @app.route('/analyzeInput', methods = ['POST'] ) def analyzeData(res): part1Len = request.json['part1Len'] print(part1Len); res = jsonify( {"Testing":"1"} ) res.headers.add('Access-Control-Allow-Origin', '*') res.headers.set('Access-Control-Allow-Methods', 'GET, POST') return res; #start server if __name__ == "__main__": app.run(debug=True);
Pero obtengo 405 ""Método no permitido El método no está permitido para la URL solicitada"; la solución típica es que el método = ["POST"] no está incluido pero tengo eso.
¿Parece que estoy haciendo una solicitud GET de alguna manera?
En general, estoy usando ElectronJS para hacer una GUI, solo intento pasar datos de la GUI a la secuencia de comandos de Python para procesar, no estoy seguro de por qué los tutoriales recomiendan el alojamiento; parece que debería haber una manera mucho más simple de hacer esto.
EDITAR:
@app.route('/analyzeInput', methods = ['GET', 'POST', 'OPTIONS'] ) #def analyzeData(res): #def analyzeData(request): def analyzeData(): if request.method == 'POST': print("entered analyzeInput") #part1Len = request.json['part1Len'] #print(part1Len); res = jsonify( {"Testing":"1"} ) res.headers.add('Access-Control-Allow-Origin', '*') #res.headers.set('Access-Control-Allow-Methods', 'GET, POST, OPTIONS') res.headers.add('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept') return res;
El código actualmente se ve así (cambié analyseData a analyseInput; y lo cambié en todas partes, así que no me preocupo por esa parte). Obtener "ver la función para 'analyzeData' no devolvió una respuesta válida. La función devolvió Ninguno o finalizó sin una declaración de devolución" como el error interno del servidor.
Nuevamente, estoy bastante seguro de que el problema es que la solicitud se envía como "GET" y no como "POST", pero no puedo encontrar una explicación para esto. Nueva salida
Es un problema de origen de sitios cruzados (CORS). Desde su código, puedo ver que ya se ha encargado de eso, pero en app.route agregue opciones como esta: @app.route('/analyzeInput', methods = ['POST', 'OPTIONS'] )
. El motivo es que el navegador vuelve a escribir la solicitud y cambia el método de solicitud a opciones de conformidad con la política de origen de sitios cruzados (CORS) que entró en vigor en 2014.
Además de la respuesta de @john mba, debe agregar el mode: “cors”
a sus opciones