Estoy manteniendo el código vue de mi antiguo programador.
Encontré este código en su módulo vuex .
import axios from "axios"; import qs from "qs"; import httpi from "../httpInstance"; // this is just a wrapper for axios const getPromise = (context, url) => { return new Promise((resolve, reject) => { httpi.get(url).then( (response) => { resolve(response); }, (error) => { reject(error); } ); }); }; // same repeated for 'put', 'post' etc...Me pregunto por qué anidaba las promesas de esta manera.
En ACTIONS , usa este contenedor para llamar a la API de back-end como se muestra a continuación.
const actions = { [ACT_GET_ALL_RULESOURCE]: function (context) { return getPromise(context, `${APIURLPREFIX}/polapi/api/rulesource`); },¿Qué estaba tratando de lograr con esto?
Estoy tan confundido ya que axios( httpi ) ya es una promesa. ¿Cuál es el punto aquí?
** editar
En los methods de Vue Component, usa estas acciones como se muestra a continuación.
getAllRulesource() { this.$store.dispatch(`rules/${ACT_GET_ALL_RULESOURCE}`) .then((res) => { this.rulesourceList = res.data; }) .catch((err) => { this.msg = "Cannot GET rulesource"; }) }El desarrollador anterior no entendía las promesas lo suficientemente bien. Dado que parece que httpi devuelve una promesa (el código OP then llama), la función getPromise puede y debe reescribirse como ...
const getPromise = (context, url) => { return httpi.get(url); };O eliminado por completo. La persona que podría haber llamado solo puede decir...
httpi.get('http...').then(response => { console.log(response); }).catch(error => { console.log(error); }) Dentro de una función declarada como async , la sintaxis de llamada más moderna es...
try { const response = await httpi.get('http...'); console.log(response); } catch(error) { console.log(error); }