React Native - 获取POST请求作为GET请求发送

Question

我在使用FETCH时遇到问题.

我试图在react-native中使用FETCH发出POST请求.

    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();
}

当我使用Charles检查此调用时,它被记录为GET请求,并且不存在应该在正文中的用户名和密码.

有人可以帮忙解决这个问题吗？

Answer 1

这对我有用：

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)))
} 

Answer 2

当 POST 请求发送到 HTTPS（而不是 HTTP）服务器时，我遇到了这个问题。出于某种原因，它会在途中的某个地方转换为 GET 请求。

事实证明，我做错的是将请求发送到http://myserver.com:80而不是发送到https://myserver.com:443。一旦我将它切换到正确的前缀和端口，请求就会正确地作为 POST 发送。

Answer 3

使用表单数据。问题在于 JSON.stringify。可以直接导入，不是第三方

import FormData from 'FormData';
...
var data = new FormData();
data.append("username", "ABCD");
data.append("password", "1234");
fetch('YOUR_URL', {
method: 'POST',
headers: {
    Accept: 'application/json',
    'Content-Type': 'multipart/form-data',
},
body:data,
})
.then((response) => response.json())
.then((responseJson) => {
    console.log('response object:',responseJson)
})
.catch((error) => {
  console.error(error);
});

Answer 4

我有同样的问题。您必须分配对象，不知道为什么。

让选项= {};

选项.body = 表单数据；

选项.header = header;

options.method = '发布';