Axios does not pass data to API Asp. Net Core

Question

I searched every corner of the network for an answer and couldn’t find one and created an application with React that calls an Asp.Net core Webapi, using Axios. It turns out that the parameters do not arrive in the API method.

This is the call with Aces:

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);
    }        
  });

This is the API Startup class

If anyone can help, I’d be grateful.

Thank you

Answer 1

Basically in order for your code to work, you must follow it as follows:

1- Create the template in a c#:

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

2 - Create a method on controller:

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

3 - Configure the Xios:

<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 - Perform the function send().

and with these 3 steps has the scenario of sending the request of the verb POST to the back-end .NET in class Login which follows the same name of the object passed in its front-end.

^{Observing: the addresses in the variable const url = 'http://localhost:49156/login' and en route [HttpPost("/login")] shall be amended in accordance with its.}