CODEWITHSUNDEEP
javascriptnode.jsreactjsaxios
COders Lime
COders Lime

Reputation: 49

How can i show node backend error in react frontend

I have different errors in the same API call. I want to show related errors in the backend to the frontend. For e.g I want to show 'Site name exist' error in frontend

Backend:

if (Sname) {
    console.log("Site Name Exist");
    return next(new ErrorResponse("Site name exist", 401));
    
}
 if (Cname) {
    console.log("Company Name Exist");
    return next(new ErrorResponse("Company name exist", 401));
    
}

Frontend

try {
       const { datab } = await axios.post(

          "/api/auth/companyOrigin",
  
        {
            data,
         },
           config  );

      setStep(step + 1);
    }

  catch(error){

        console.log("Error " + error);//Show error here(site name exist)
  }

Upvotes: 0

Views: 474

Answers (1)

Sachila Ranawaka
Sachila Ranawaka

Reputation: 41445

need to manually handle 401 errors

axios.post("api/auth/companyOrigin", { data,},config  )
      .catch((error) =>  {
        if (error.response) {
         console.log(error.response.data);
         console.log(error.response.status); 
        }
      })

Upvotes: 1

Related Questions