Back

Technologies:

javascriptjavascript
reactjsreactjs
avatar
Tolerim
a month ago

What could be causing my inability to make a post request to a server that accepts requests from all origins using fetch or axios?

Despite trying various methods such as fetch and axios, I have been unable to successfully send an HTTP request to the endpoint https://mtstorez.000webhostapp.com/app/store/login using the POST method. When attempting to use this method, I only receive an error response, whereas using the GET method returns an appropriate response. Below is an example of how I have been attempting to make the request:

fetch(url, {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify(data)
})
  .then(response => {
    return response.json();
  })
  .then(data => {
    console.log(data);
  })
  .catch(error => {
    console.error(error);
  });
In an attempt to resolve the issue, I verified that the back end is configured to accept requests from all origins. Interestingly, I was able to successfully test the endpoint using an online tool. However, I am still unable to send the request using the POST method.

Answers(1)
avatar
Tolerim
a month ago
Verified Answer
There could be multiple reasons for this issue. Here are a few things you could check or try: - Check if you have provided the correct Content-Type in the request headers. For example, if you are sending JSON data, the Content-Type should be application/json. If the backend is not able to recognize the request payload, it may return an error. - Check if you have provided the correct data in the request body. Make sure the data is in the expected format and matches the schema specified by the backend. - Check if you have provided the correct endpoint URL in the request. It is possible that you are sending the request to the wrong endpoint or the endpoint is not available. - Check if there is any error in the console or network tab of the browser developer tools. This can give you more information about what went wrong. - Try adding some delay before sending the request. It is possible that the backend is taking too long to respond and your code is not waiting long enough. - Try removing some of the headers or options from the request to see if that makes a difference. For example, you could try removing the Content-Type header and see if the request goes through. - Finally, if the online tool is working, try to replicate its request headers and payload in your code and see if that works.
;