React Native - Fetch POST request is sending as GET request

Question

I'm having issues when using FETCH.

I am trying to make a POST request using FETCH in react-native.

    fetch("http://www.example.co.uk/login", {         method: 'POST',         headers: {             'Accept': 'application/json',             'Content-Type': 'application/json'         },         body: JSON.stringify({             username: 'test',             password: 'test123',         })     })          .then((response) => response.json())         .then((responseData) => {             console.log(                 "POST Response",                 "Response Body -> " + JSON.stringify(responseData)             )         })         .done(); } 

When I inspect this call using Charles it is recorded as a GET request and the username and password that should be in the body are not there.

Can anyone help with this issue?

Answer 1

I had this issue when the POST request was to an HTTPS (rather than HTTP) server. For some reason, it would somewhere along the way be converted into a GET request.

It turns out what I was doing incorrectly was sending the request to http://myserver.com:80 rather than to https://myserver.com:443. Once I switched it over to the proper prefix and ports, the request would properly send as a POST.

Answer 2

This worked for me:

let data = {   method: 'POST',   credentials: 'same-origin',   mode: 'same-origin',   body: JSON.stringify({     appoid: appo_id   }),   headers: {     'Accept':       'application/json',     'Content-Type': 'application/json',     'X-CSRFToken':  cookie.load('csrftoken')   } } return fetch('/appointments/get_appos', data)         .then(response => response.json())  // promise         .then(json => dispatch(receiveAppos(json))) }