-1

Procurei por todos os cantos da rede por uma resposta e não encontrei e criei uma aplicação com React que chama uma WebApi Asp.Net core, usando Axios. Acontece que os parâmetros não chegam no método da API.

Esse é o chamado com axios:

const config = {
  headers: {
    'Content-Type': 'application/json',
    'crossdomain': 'true'
  },
};
const params={
  Email: email,
  Password: password
}

await axios
.post(`${URL}?`,JSON.stringify(params), config)      
  .then((resp) => {
    data = resp.data;
  })
  .catch(function(err) {
    console.log(err);
    }        
  });

Esse é o método sendo chamado normalmente mas com os parametros null

Esse é a classe Startup da API

inserir a descrição da imagem aqui

Se alguém puder ajudar, serei grato.

Obrigado

9
  • passe assim nessa linha: .post(${URL},params, config)
    – novic
    30/08/2020 às 2:38
  • Virgilio Novic.. Segue null os campos na api. 30/08/2020 às 15:13
  • Só funciona se eu passo na URL 'localhost:44318/api/authen/…' 30/08/2020 às 15:17
  • Talvez possa estar configurado alguma coisa errado na API. 30/08/2020 às 15:49
  • await axios .post(${URL}?email=${email}&password=${password}) .then((resp) => { data = resp.data; }) 30/08/2020 às 16:15

1 Resposta 1

0

Basicamente para que seu código funcione deve seguir da seguinte forma:

1- Crie o modelo em uma classe no :

public class Login
{
    public string Email { get; set; }
    public string Password { get; set; }
}

2 - Crie um método no controller:

[HttpPost("/login")]
public IActionResult Login (Login login)
{
    //login.Email
    //login.Password
    return Ok(login);
}

3 - Configure o axios:

<script>
  function send() {
    const email = '[email protected]';
    const password = '123456';
    const data = { email, password };
    const url = 'http://localhost:49156/login';
    axios.post(url, data).then(function (response) {
      console.log(response);
    });
  }
</script>

3 - Executar a função send().

e com esses 3 passos tem o cenário de enviar a requisição do verbo POST para o back-end .NET na classe Login que segue o mesmo nome do objeto passado no seu front-end.

Observação: os endereços na variável const url = 'http://localhost:49156/login' e na rota [HttpPost("/login")] devem ser alterados de acordo com o seu código.

3
  • Muito obrigado pelo apoio! Ajudou em 1000%. Sucesso na tua vida! 30/08/2020 às 23:37
  • vote na questão como solução do seu problema
    – novic
    31/08/2020 às 0:09
  • 1
    Obrigado. Feito!! 31/08/2020 às 0:42

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .