Skip to main content

Respostas interessantes marcadas com a tag

9 votos
Aceito

Upload de imagem com Axios para um servidor Node.JS

No Node.js vamos usar um middleware para tratar de arquivos para o tipo multipart/form-data. Eu utilizo o multer. Para o app.js: const multer = require("multer"); ... ... let upload = multer(...
Cmte Cardeal's user avatar
  • 6.961
8 votos
Aceito

Como usar async / await em requisição get usando vue+axios?

Caso queira aplicar o async no código do mounted você pode faze-lo da seguinte forma: ... async mounted() { try { let response = await axios.get('http://localhost:8080/wp-json/api/v1/skills'); ...
Sorack's user avatar
  • 26,5mil
7 votos

Como fazer várias requisições em paralelo no axios?

Basta forneça um array para o método axios.all. Depois utilize o método axios.spread, que converte um array para múltiplos argumentos. $npm install axios axios.all([ axios.get('https://api....
Any Karolyne Galdino's user avatar
6 votos
Aceito

Como ocultar os dados da requisição do axios no JavaScript (Node JS)

É impossível esconder HTML, CSS ou JavaScript do cliente. O máximo que você pode fazer é usar ferramentas de minificação (conforme sugerido pelo @Costamilam) ou obfusfação. Mesmo assim, se o código ...
Luiz Felipe's user avatar
  • 36,4mil
5 votos
Aceito

Fazer download usando o axios?

Basta criar o arquivo com o Blob e passando o mime type. Depois abra um novo link passando a url encodada. Você também pode utilizar o link criado em itens do tipo a e iframe. axios.get('/server/pdfs')...
Bruno Rigolon's user avatar
5 votos

Retry caso dê Timeout com Axios

Eu criei minha própria função para retry: const axios = require('axios'); /** * Waits a determined time to fulfill a Promise * * @param {number} ms - The milliseconds to fulfill the Promise * * @...
Sorack's user avatar
  • 26,5mil
5 votos
Aceito

Como cancelar/interromper uma requisição feita com Axios?

Como o próprio nome da interface diz, uma promessa não pode ser quebrada. Desse modo, por si só, Promises não são passíveis de cancelamento no JavaScript. No entanto, o Axios oferece um mecanismo de ...
Luiz Felipe's user avatar
  • 36,4mil
4 votos
Aceito

Autenticação jwt com vuejs

No caso, como disse nos comentários, eu geralmente salvo o token do JWT no localStorage. Primeiramente sobre o bloqueio de rotas, eu costumo bloquear toda e qualquer requisição criando um interceptor ...
guastallaigor's user avatar
4 votos
Aceito

Fazendo um Get utilizando o Axios (Vue.js)

O problema é que this no contexto dessa função de callback não é mais a sua instância do Vue. Você pode usar uma arrow function: .then( res => { console.log(res); console.log(res.data....
bfavaretto's user avatar
  • 66,3mil
4 votos
Aceito

API funciona no POSTMAN, mas não no codigo

É necessário habilitar o CORS no lado na API que você está querendo utilizar. HTTP access control (CORS)
Bruno's user avatar
  • 636
4 votos

Requisição com Axios e React bloqueada por política CORS

Tive o mesmo problema com uma API de terceiros. Demorei para pensar mais é simples. Você só pode acessar a api no Back-end. Se for no front-end dá erro. No seu WebService acesse a API de terceiros. ...
Stênio Barroso de Moraes's user avatar
4 votos
Aceito

Criar uma <div> dentro de um .catch no axios

A maneira correta não é colocar uma div dentro do catch, mas sim mudar o state para que essa div seja mostrada... Assim no catch usa: componentDidMount() { axios.get(API_ListaEmpresa) ....
Sergio's user avatar
  • 135mil
4 votos
Aceito

Axios get dando network error

Esse erro está acontecendo por um erro de sintaxe. Ao se criar uma instancia do AXIOS, você deveria estar usando a propriedade baseURL, não baseUrl. Outra melhoria que você poderia fazer no código é ...
Andre's user avatar
  • 6.236
4 votos

Como ocultar os dados da requisição do axios no JavaScript (Node JS)

Não... Se você precisa passar todos esses dados do cliente pro servidor afim de cadastrar o usuário (ou fazer qualquer outra coisa), o cliente, em algum momento, vai precisar desses dados, não tem ...
Costamilam's user avatar
  • 10,1mil
3 votos
Aceito

axios basic auth - como passar usuario e senha para a api?

Na documentação do axios, o método get recebe apenas dois parâmetros: a url e as configurações. No seu código você está passando três. O seu segundo parâmetro é um objeto vazio ({}) e o axios está ...
Ramon's user avatar
  • 305
3 votos
Aceito

Axios GET Request Response is Undefined

Se GetAll é uma função ela precisa de ter um return. Neste momento assim como está a função não retorna nada... quando deveria retornar uma Promise. Adiciona um return aqui: var GetAll = function () ...
Sergio's user avatar
  • 135mil
3 votos
Aceito

Pegando dados do axios e vuejs

Não deves usar computed dessa maneira, o computed é ideal para lógica síncrona e deve ser uma função pura. Usa o watch para seguir mudanças em turmas_checked e com imediate: true para correr o ...
Sergio's user avatar
  • 135mil
3 votos
Aceito

Http Get Request com Axios

Isso é simples, basta você declarar assim <script> export default{ data(){ return{ checkbox: [] } }, methods: { api(){ ...
Rafael Augusto's user avatar
3 votos
Aceito

Duvida quanto ao import e uso global do Axios no Vuejs

A documentação explica como usar/criar plugins, mas basicamente funciona assim: Para utilizar um plugin você precisa "instalar" ele na sua instância usando o método Vue.use(). Este método ...
fernandosavio's user avatar
3 votos

CORS: Response to preflight request doesn't pass access control check: It does not have HTTP ok status

Você tem que liberar o CORS no servidor, existe uma política/configuração nos browsers que quando vai fazer uma requisição envia primeiro um OPTIONS para o servidor para saber o que está liberado, no ...
rnd_rss's user avatar
  • 1.113
3 votos
Aceito

Problema com Cors projeto Laravel 5.5 e Vuejs

Esse serviço que você está tentando acessar é externo, portanto não tem como configurar o CORS dele na sua aplicação. O que você pode fazer é uma rota no seu backend que acessa esse serviço, por ...
Ravan Scafi's user avatar
3 votos
Aceito

Acessar uma lista dentro de uma lista em react jsx

Gabriel você precisa fazer um map dentro de outro apenas isso, vc já está com os dados na mão só percorrer ! Criei uma lista para vc ver como é simples !! var lista = [{ "ax_cnpj" :223132123, "...
Roger Moraes de Moura's user avatar
3 votos

Axios demora para consumir a API?

Você não está esperando a resposta da requisição chegar antes de tentar mostrar os dados. Tente assim: axios.get(this.api_url(this.dom.value)).then((resposta)=>{ this.objCep.setEndereco(...
bfavaretto's user avatar
  • 66,3mil
3 votos
Aceito

O Axios usa AJAX por default?

Em navegadores é sim, por padrão ele usa o XmlHttpRequest (vulgo ajax), pode conferir no código fonte: https://github.com/axios/axios/blob/6642ca9aa1efae47b1a9d3ce3adc98416318661c/lib/defaults.js#L18 ...
Syzoth's user avatar
  • 100mil
2 votos

API funciona no POSTMAN, mas não no codigo

O problema é com o CORS, só consegui resolver o problema dessa forma: var cors = require('cors'); app.use(cors({origin:true,credentials: true})); E também setando os headers: app.use(function (req,...
Matheus Bernardi's user avatar
2 votos
Aceito

Problema ao mapear api com Axios e React,

Esse método getAll chama uma promise e o setState tem de ser chamado dentro do then para ser encadeado na natureza assíncrona desse axios.get. Assim o código deve ser: .then(res => { this....
Sergio's user avatar
  • 135mil
2 votos

React Native - Passar dados para outro componente

Fala galera, com a ajuda de 2 pessoas do grupo de React Native Brasil eu consegui resolver essa bronca. Vou deixar o código aqui pra vocês se basearem ou resolverem se tiverem o mesmo problema. ...
Henrique Nascimento's user avatar
2 votos

VueJS - Popular select com dados da API

Vou tentar ajudar com base no que eu entendi e as suas respostas no comentário. Há alguns detalhes que podem estar influenciando o seu problema. 1. data () sempre deve ser uma função e ela deve ...
guastallaigor's user avatar
2 votos
Aceito

Como enviar uma requisição post utilizando axios e Asp.net Core Web API?

Ao que parece seu JS está correto, mas você precisa habilitar o CORS na sua aplicação .NET Core, na sua classe Startup, no método ConfigureServices, adicione: services.AddCors(setup => { setup....
Gustavo Santos's user avatar
2 votos
Aceito

Erro ao Definir Headers-Authorization no retorno dos dados no Axios

Amigo, acredito que o window.location.replace possa estar gerando uma nova requisição. Se está utilizando o Chrome, veja nas ferramentas do desenvolvedor a aba Network. Acredito que o certo neste ...
Paulo Sakamoto's user avatar

Only top scored, non community-wiki answers of a minimum length are eligible