4
votos
Aceptado
Cargar elementos en orden y emitir un evento por cada cambio
El orden en que se terminan promesas no depende en si del orden en que las ejecutas, si no del tiempo que estan necesiten, para evitar estos problemas hay varias maneras de realizarlo:
Encadenando ...
- 2,610
4
votos
Aceptado
¿Cómo hacer un Progress Loading o animación de actualización durante una petición axios?
Puedes usar this.setState para manipular el estado del componente cuando estas esperando la petición y cuando finaliza
async function getUser() {
try {
this.setState({isLoading: true})
...
- 1,182
3
votos
¿Cómo resolver Access to XMLHttpRequest has been blocked by CORS policy?
debes habilitar CORS en tu API. Para ello instala en paquete NuGet Microsoft.AspNet.WebApi.Cors y luego en el método Register que has mostrado añade
config.EnableCors();
También echa un vistazo ...
- 1,966
3
votos
Aceptado
¿Cómo hacer que mi App en Vue Cli sea soportado en cualquier navegador?
La solución estuvo en seguir la guia de Vuetify para navegadores antiguos
Permitiéndome pasar funciones de flecha a funciones normales.
() => { ... } > function(){ ... }
En cuanto a lo de axios, ...
- 392
2
votos
Envió de imágenes desde Vue a Laravel
Primero adjuntas al formData los datos y la imagen asi.
let formData = new FormData();
formData.append("data", JSON.stringify(this.data));
formData.append("image", this.image);
y en axios envias un ...
- 23
2
votos
Aceptado
¿Cómo ejecuto una petición http en un ciclo síncronamente?
Deberías usar Async/Await para poder manipular las Promises de manera sincrónica:
const agregarClientes = () => {
const array = [
{ nombre: 'Cliente1', numero: 123 },
{ nombre: 'Cliente2'...
- 411
2
votos
Imprimir datos de un request GET con axios
Finalmente lo termine resolviendo de la siguiente manera:
<script>
axios.get('https://readservices-b2c.powerreviews.com/m/587047/l/en_US/product/2/reviews?apikey=5d683735-a2e1-4281-bd56-...
- 21
2
votos
Aceptado
NodeJS problemas con el guardado de un archivo EXCEL
El problema lo tienes en el método que estás usando para generar el archivo de Excel. El método writeFile() realizará la escritura del archivo en el sistema de archivos. Para evitar esto, debes usar ...
- 15.5k
2
votos
Aceptado
¿Cómo resolver Access to XMLHttpRequest has been blocked by CORS policy?
Después de verificar varias cosas, y con la ayuda de muchas personas en el chat que se abrió, encontramos que la solución está en una configuración del web.config y el CORS directamente en el API.
En ...
- 939
2
votos
Aceptado
¿Como usar condicionales en la respuesta de un get de Axios en Vue.js?
Revisa los comentarios dentro del código, contiene la explicación.
mounted () {
axios
.get('http://localhost:8080/sitio/rest/marcaColor/marcaColores')
.then(response => { /...
- 12.8k
2
votos
¿Cómo resolver Access to XMLHttpRequest has been blocked by CORS policy?
Veo un par de cosas de los dos últimos pantallazos de fiddler:
1.- Desde el front le pasas un header OPTIONS que no le gusta (en la respuesta te lo dice).
2.- Y mas importante, al hacer la peticion ...
- 805
2
votos
Aceptado
Como acceder a un atributo de un select con vue?
Puedes pasarle el código como attributo data:
<option v-for="colonia in colonias" v-bind:value="colonia.id_colonia" v-bind:data-codigo="colonia.id_codigo_postal">
Luego en tu método obtienes ...
- 6,073
2
votos
Limitar el recorrido de un api con react js
Podemos cortar el resultado de resp.data, esto limitara la renderizacion de los datos.
Para esto ocuparemos el metodo slice(), puedes encontrar mas informacion en esta documentcion
axios.get('https:/...
- 1,152
2
votos
Aceptado
Como ejecutar una función de mi Componente1 en mi Componente2 en vue?
Primero crea un componente padre que tenga como hijos estos 2 componentes:
<template>
// aquí pones tus 2 componentes
<listar-servicios-component ref="list"></listar-servicios-...
- 708
2
votos
Aceptado
Problema de CORS con Axios en proyecto ReactJS
Utilicé la dependencia corsde npm y la apliqué a Express.
const cors = require('cors');
const app = express();
app.use(cors());
También funciona la extensión de Chrome: CORS Unblock. Si solo lo ...
- 1,247
2
votos
Aceptado
Función flecha está renderizando componentes mapeados antes de obtener los datos
Como bien dices, el map se ejecuta antes del return (piensa que en los componentes funcional todo el código es como un gran render). Hay que tener en cuenta que el useState(null) inicial provoca un ...
- 6,495
2
votos
Aceptado
¿Por qué no puedo usar parámetros con axios en peticiones post y get?
Es porque estás enviado en el post un objeto así
{
params:{
id: _id
}
}
Y en backend estás intentando leer el objeto cómo si fuera así
{
id: _id
}
Me imagino que intentas ...
- 1,168
2
votos
Destroy de laravel no funciona 5.6
El primer consejo que te doy es que utilices el estandar rest.
Por ejemplo, el update y el delete deben enviar por la url el id del recurso de que deseas eliminar, así que puedes modificar levemente ...
2
votos
Aceptado
No puedo actualizar variables con setState dentro de axios
Parece que te saltaste algunos conceptos de JavaScript antes de empezar con React y uno de estos es el que te está causando problemas.
En JavaScript, toda función (no arrow function) tiene un ...
- 19k
2
votos
Aceptado
Fallo al Iterar en REACT
No estoy seguro, hace bastante que no me pongo con React, prueba a tratar ese for en una función aparte o antes del return de manera que pintes/devuelvas el html que necesitas.
Algo como esto:
...
- 36
2
votos
API PHP no recibe valores desde axios
Al mandarlos con el formato JSON no los va a tomar como $_POST, debes usar php://input y convertirlo a objeto o en su defecto cambiar el header de Axios para que los mande como application/x-www-form-...
- 121
2
votos
Aceptado
Enviar datos en el body por Post en Axios
PROBLEMA
El problema es que tienes una confusión de conceptos, entre lo que se recibe en una petición a un servidor NodeJS con Express y el uso de axios para solicitudes http desde NodeJS.
Según lo ...
- 15.5k
2
votos
Aceptado
Promise {<pending>} al tratar de retornar el valor de una promesa
Tu problema es que las peticiones a APIs son asíncronas, es decir, cuando realizas una petición, el código puede seguir avanzando sin haber obtenido la respuesta de la misma (te la puede dar durante ...
2
votos
Aceptado
Error al intentar hacer un PUT con axios
Lo que veo aquí es la falta de algunas anotaciones fundamentales para que el servicio REST funcione según lo esperado.
Revisando la URL seria de esta forma: http://localhost:8080/location?idLocation=1 ...
- 3,394
2
votos
Aceptado
Mostrar un mensaje de espera mientras se publica via ajax
Puedes usar algo parecido a esto, este código esta en nuxtjs y element-ui pero te puede servir para que te guies
async submit() {
this.loadingBtn = true
await this.$axios.post('tudireccion'...
- 91
2
votos
consulta error 404 axios y react
Cuando obtienes el error 404 es generalmente que no existe el recurso que intentas obtener, en este caso tratas de realizar una peticiòn a el valor de url.
Asegura que la variable url ya que contiene ...
- 106k
2
votos
Aceptado
FormRequest no retorna JSON cuando las validaciones fallan (LARAVEL 8, REACT, AXIOS)
Para acceder a los errores que mencionas, es necesario entender lo que es retornado por axios cuando hay un error. En su documentación puedes verlo con un claro ejemplo:
axios.get('/users')
.catch(...
- 3,121
2
votos
Aceptado
llenar array con map y axios
PROBLEMA
Tal como digo en mi comentario, tu problema (y siempre lo es) es de asincronía.
Si hacemos un ejercicio mental de lo que está sucediendo con tu código, tienes una lista (array) de ítems, y ...
- 15.5k
Only top scored, non community-wiki answers of a minimum length are eligible
Etiquetas relacionadas
axios × 327javascript × 132
vue.js × 123
reactjs × 102
laravel × 54
nodejs × 53
api × 36
php × 27
express × 17
post × 16
json × 15
cors × 12
promesas × 10
react-native × 9
get × 9
vuex × 9
react-axios × 9
ajax × 8
typescript × 8
http × 8
html × 7
postman × 7
async-await × 7
mongodb × 6
fetch × 6