Unable to retrieve information from the server after initiating an API POST request from the client side

Question

Unable to retrieve information from the server after initiating an API POST request from the client side

After successfully testing the endpoint using Insomnia, I encountered an issue when trying to establish a connection with the backend from the client side. The connection process between the client and server is implemented as follows:

const uri = `${basePath}/${baseVersion}/sign-up`;
    const params = {
        method: "POST",
        body: JSON.stringify(data),
        header: {
            "Content-Type": "application/json"
        }
    };

Upon inspecting the params object in the console, this is the content inside it:

view image description here

To clarify, there doesn't seem to be a CORS issue since I am utilizing a Google Chrome extension for it.

Below is the response obtained from the fetch operation:

view image description here

javascript api express

Answer 1

Answer №1

Are you facing an issue with not receiving a response from the server within the promise? This might be due to the absence of code in your snippet that actually fetches and returns the data. (Apologies if I misunderstood the problem, as I cannot leave comments)

const endPoint = `${baseURL}/${apiVersion}/register`;
 async function fetchData(data = {}) {
   var result = await fetch(endPoint,
        method: "POST",
        mode: "cors",
        headers: {
            "Content-Type": "application/json"
       },
       referrerPolicy: "strict-origin-when-cross-origin" //you can modify this based on your needs
       body: JSON.stringify(data)
    });
    // If you expect a JSON response, use response.json(); for other types, adjust accordingly
    return result.json();
    }
    fetchData();

Answer 2

Are you facing an issue with not receiving a response from the server within the promise? This might be due to the absence of code in your snippet that actually fetches and returns the data. (Apologies if I misunderstood the problem, as I cannot leave comments)

const endPoint = `${baseURL}/${apiVersion}/register`;
 async function fetchData(data = {}) {
   var result = await fetch(endPoint,
        method: "POST",
        mode: "cors",
        headers: {
            "Content-Type": "application/json"
       },
       referrerPolicy: "strict-origin-when-cross-origin" //you can modify this based on your needs
       body: JSON.stringify(data)
    });
    // If you expect a JSON response, use response.json(); for other types, adjust accordingly
    return result.json();
    }
    fetchData();

Unable to retrieve information from the server after initiating an API POST request from the client side

Answer №1

Similar questions

A new Vue component is regenerated after the creation method is called

Struggling to trigger updates on a ReactJS component

The data structure '{ variableName: string; }' cannot be directly assigned to a variable of type 'string'

Prevent Scrollbars in a Div

Choose ng-change within the table

What is the best way to use an ID to call a Class in a Script?

Combining React-Redux and Bootstrap: A sophisticated modal feature

"Enhance your data visualization with jQuery tree tables and JSON data

"Encountering problem while loading data with the ng-table function

What is the best way to retrieve a specific <option> from a <select> element based on its

Is there a way to ensure that a div modal always resets to the top when it's opened?

Is there a way to eliminate the default bootstrap stylings?

Having trouble accessing information from Firebase Realtime Database within a React Native application

Converting a grayscale image matrix into an image using Node.js

Tips for isolating individual response div IDs in an AJAX request

ExpressJS: Preflight request response fails access control validation

Halt the countdown of a Jquery or Javascript timer

Changing the appearance of the refresh button post-Ajax request using the same CSS classes

The useState hook is failing to properly initialize with the provided props value

jQuery - Reveal one div while concealing another