'Post request to JSON server through FETCH api refreshes the page

I am trying to send POST requests through fetch API to JSON-server. Function is called on a simple button click (type 'button', not 'submit'). When I replace POST request with GET request everything works like it supposed to, but with POST I have a problem. Request passes, on the JSON-server entity gets created but keeps refreshing the page after each request. Also, I don't have a response from JSON-server, google chrome says 'Failed to load response data'. Where I'm making a mistake?

  const comment = {
      text: "test comment",
      article_id: 3
  };
  console.log(JSON.stringify(comment));
    const options = {
        method: 'post',
        headers: {
            'Content-Type': 'application/json'
        },
        body: JSON.stringify(comment)
    }
    fetch(`${URL_COMMENTS}`, options)
        .then(response => { return response.json() })
        .then(data => {
            console.log(data)
        });


Solution 1:[1]

If you use Live Server extension, try disabling that and try again.

Solution 2:[2]

Check out for Json sever port number running on your machine

attach the html form code So we can try it on oru local machine to reproduce the issue.... Which help us to resolve the issue easy

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Angelos Barmpoutis
Solution 2 Saravana Sai