Error searching for record with Firstordefaultasync ASP . NET CORE 3.0

Question

I have a method to search the client in the database by the number of the CPF (no points, only the numbers), but in the database the type is as VARCHAR.

I did some tests by POSTMAN to test the API route. When I put in the method I will send the parameter by SearchCliente([FromBody]string cpf) and send the POST with the CPF number by POSTMAN’s Body it returns the customer, but if I put in the method SearchCliente(string cpf) and send the number of the CPF it returns Notfound.

I also put a message to check the error, but I realized that it is not entering the IF condition.

Below the complete code of the method how it works:

        // GET: api/cliente/search/12345678901
        [HttpPost]
        [Route("search")]
        public async Task<ActionResult<Cliente>> SearchCliente([FromBody]string cpf)
        {
            var cliente = await _context.Clientes.FirstOrDefaultAsync(c => c.cpf == cpf);

            if (cliente == null)
            {
                return NotFound(new { message = "CPF não cadastrado!" });
            }

            return cliente;
        }

And the method code that doesn’t work:

        // GET: api/cliente/search/12345678901
        [HttpPost]
        [Route("search")]
        public async Task<ActionResult<Cliente>> SearchCliente(string cpf)
        {
            var cliente = await _context.Clientes.FirstOrDefaultAsync(c => c.cpf == cpf);

            if (cliente == null)
            {
                return NotFound(new { message = "CPF não cadastrado!" });
            }

            return cliente;
        }

Below some images of the tests in POSTMAN

I’ve tried to convert to Tostring, but it didn’t solve either. Could someone tell me where I’m going wrong?

Thank you so much!

Typescript code that makes the POST:

import { Component, OnInit } from '@angular/core';
import { ClienteService } from '../services/cliente.service';
import { Router } from '@angular/router';
import { NgForm } from '@angular/forms';
import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'app-nav-menu',
  templateUrl: './nav-menu.component.html',
  styleUrls: ['./nav-menu.component.css']
})
export class NavMenuComponent implements OnInit {

  router: Router;

  constructor(public service: ClienteService, public http: HttpClient, router: Router) {
    this.router = router;
  }

  ngOnInit(): void {

  }

  cpf: string;
  readonly rootURL = "http://localhost:54038/api"

  onSearchCliente(form:NgForm){
    return this.http.post(this.rootURL + '/search', this.cpf).subscribe(
      res => {
        this.router.navigate(['', 'painel-cliente']);
      },
      err =>{
        console.log(err);
        this.router.navigate(['', 'acesso-negado']);
      }
    )
  }
}

Answer 1

See, you’re firing a request like this:

this.http.post(this.rootURL + '/search', this.cpf)

A piece of the URL is missing:

this.http.post(this.rootURL + '/cliente/search', this.cpf)