While working on a project, I encountered an issue with sending an OTP to the provided email upon sign up. Initially, everything was functioning correctly when tested using Postman; however, after connecting the backend and frontend and attempting to send the OTP, an error is being thrown in the console.
The error message states "SENDOTP API ERROR............"
AxiosError {message: 'Request failed with status code 401', name: 'AxiosError', code: 'ERR_BAD_REQUEST', config: {...}, request: XMLHttpRequest, ...}
code: "ERR_BAD_REQUEST"
config: {transitional: {...}, adapter: Array(2), transformRequest: Array(1), transformResponse: Array(1), timeout: 0, ...}
message: "Request failed with status code 401"
name: "AxiosError"
request: XMLHttpRequest {onreadystatechange: null, readyState: 4, timeout: 0, withCredentials: false, upload: XMLHttpRequestUpload, ...}
response: {data: {...}, status: 401, statusText: 'Unauthorized', headers: AxiosHeaders, config: {...}, ...}
stack: "AxiosError: Request failed with status code 401\\n at settle (http://localhost:3000/static/js/bundle.js:144559:12)\\n at XMLHttpRequest.onloadend (http://localhost:3000/static/js/bundle.js:143244:66)"
[[Prototype]]: Error
-
-
Currently, signing up triggers an error instead of sending the expected OTP to my email address.
Below is the snippet from my API connector file:
import axios from "axios"
export const axiosInstance = axios.create({});
export const apiConnector = (method, url, bodyData, headers, params) => {
return axiosInstance({
method:`${method}`,
url:`${url}`,
data: bodyData ? bodyData : null,
headers: headers ? headers: null,
params: params ? params : null,
});
}
// Additional APIs can be found in my apis file
For more detailed information on specific API functions, please refer to my authAPI file which includes methods for sending OTP, signing up, logging in, resetting passwords, and more.
If you need further details or assistance, feel free to explore the functionalities mentioned above for a better understanding of the process.