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(...
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');
...
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....
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 ...
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')...
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
*
* @...
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 ...
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 ...
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....
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)
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. ...
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)
....
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 é ...
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 ...
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á ...
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 () ...
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 ...
3
votos
Aceito
Http Get Request com Axios
Isso é simples, basta você declarar assim
<script>
export default{
data(){
return{
checkbox: []
}
},
methods: {
api(){
...
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 ...
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 ...
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 ...
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,
"...
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(...
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
...
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,...
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....
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.
...
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 ...
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....
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 ...
Only top scored, non community-wiki answers of a minimum length are eligible
Tags relacionadas
axios × 203javascript × 100
react × 70
vue.js × 42
node.js × 38
api × 30
react-native × 29
ajax × 13
json × 12
laravel × 11
cors × 11
react-hooks × 10
php × 8
array × 7
promises × 7
typescript × 6
http × 6
post × 6
express.js × 6
http-request × 5
html × 4
mongodb × 4
request × 4
jwt × 4
asp.net-web-api × 3