Tengo un que realizar un envió de dos números a través de método POST, a traves de VUE y axios, para poder realizar unas peticiones a base de datos, esto último a través de Flask.
El metodo inicial de flask es el siguiente:
@mod.route('/flujo',methods=('GET','POST'))
def flujo():
print(request.args)
param1= request.args.get("flujo")
param2= request.args.get("orden_siguiente")
print(param1)
print(param2)
return 'ok'
Además de ello tengo en el fichero inicial de la app de Flask lo siguiente:
app=Flask(__name__)
app.config['JSON_SORT_KEYS'] = False
cors = CORS(app, resources={r"/api/*": {"origins": "*"}})
Y para realizar la petición POST tengo el siguiente código:
cargaInicial: function () {
const params = new URLSearchParams()
flujo = '1'
orden_siguiente = '2'
params.append('flujo', flujo)
if (orden_siguiente != null){
params.append('orden_siguiente',orden_siguiente)
}else{
params.append('orden_siguiente','1')
}
instance.post("/plantillas/flujo",params).then(response => {
console.log(response)
})
El problema es que no están llegando los parametros, ya que sacando el log de "request.args" en el servicio Flask tengo esta respuesta:
"ImmutableMultiDict([])"
Mientras que si hago la petición directa por postman me devuelve bien los parametros pasados:
Petición postman:
http://localhost:5000/plantillas/flujo?flujo=7&orden_siguiente=2
Log:
ImmutableMultiDict([('flujo', '7'), ('orden_siguiente', '2')])
Luego me puse a probar con el metodo GET, y con este si que me recupera los parámetros sin problema
¿Alguien sabe que estoy haciendo mal o que me falta para que funcione con el método POST?
request.args
tienes los parámetros recibidos a través de la query en la URL. Estos parámetros son los que estás enviando en la URL de ejemplo que muestras para Postman, y es también donde AJAX pone los datos en una petición GET. En las peticiones POST, en cambio, no se envía nada en la URL y por esorequest.args
está vacío. En ese caso debes usarrequest.get_json()
request.form["nombre_var"]
y desde VUE enviarlo como FormData, y asi ya si que lo ha cogidoContent-type:
tiene el valorapplication/json
. Pensé que Axios (que desconozco) lo haría automáticamente.