Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

188
Visualizações
JS fetch debería realizar una acción en la escritura del servidor

Se da la siguiente pila de nodos:

  • Cliente (VUE) (8080)
  • Servidor (express.js) (3000)

El cliente envía un get a una ruta del servidor, dentro de la ruta del servidor se está ejecutando una tarea que lleva algún tiempo pero que podría mapearse fácilmente porque el servidor está trabajando con una matriz de datos. ¿Es posible que el servidor pueda enviar una respuesta (¿escribir?) que desencadene una acción en el lado del cliente?

Intenté lo siguiente que "funciona" al revisar la pestaña de red en Chrome, pero no sé cómo puedo activar una actualización en cada "escritura" en la búsqueda de mi cliente porque simplemente no sucede nada hasta que se alcanza el "final". el objetivo sería mostrar un contador "realizando la acción n de x" que se actualizó en cada escritura

 server.mjs: ... server.get('/action', async (req, res) => { res.setHeader('Content-Type', 'application/json'); // Just to test: res.write(JSON.stringify({current: 0, total: 0, status: 'pending'})); setTimeout(() => {res.write(JSON.stringify({current: 2, total: 0, status: 'pending'}));},1000); setTimeout(() => {res.write(JSON.stringify({current: 3, total: 0, status: 'pending'}));},2000); setTimeout(() => {res.write(JSON.stringify({current: 4, total: 0, status: 'pending'}));},3000); setTimeout(() => {res.write(JSON.stringify({current: 5, total: 0, status: 'pending'}));},4000); res.end() ...
 client.js (JS part in vue component) ... const requestOptions = { headers: { "Content-Type": "application/json", "Accept": "application/json", "Authorization": this.authKey, "Save-As": this.saveAs, "UUID": this.uuid, "Name": this.name } }; fetch(url, requestOptions) .then(response => { return response.json() }) .then((data) => { console.log(data) this.downloadLink = data.url }) .catch(error => { console.error(error); this.showError("Backend not reachable") }); }, ...

Como puedo ver, "escribir" es la única solución en la que es posible enviar actualizaciones al cliente, pero ¿cómo manejarlo entonces?

about 4 years ago · Juan Pablo Isaza
1 Respostas
Responde à pergunta

0

Lo resolví usando socket.io en mi proyecto. ¡gracias por la pista!

about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda