GET请求如何传递--data参数？React Native调用报错求助

问题本质 #

HTTP规范里明确GET/HEAD请求不应携带请求体，React Native的fetch API严格遵循该规范，所以会抛出Body not allowed for GET or HEAD requests错误。而Postman、curl对这种不规范写法兼容性更强，所以能正常运行。以下是三种可行解决方案：

方案一：将请求体参数转为URL查询参数（推荐） #

这是GET请求的标准用法，完全符合HTTP规范，无兼容性问题。

修改你的React Native函数：

function GetActivity() {
    const params = new URLSearchParams({
        userId: "79025884",
        limit: 10,
        page: 1,
    });
    const url = `${APIConfig.SERVER.ORDER}/all?${params}`;
    fetch(url, {
      method: "GET",
      headers: { "content-type": "application/JSON" },
      credentials: 'include' // 需要自动携带Cookie时添加，手动传Cookie可写在headers里
    })
      .then((response) => response.json())
      .then((data) => {
        console.log("GetActivity Order:", data);
        setOrderList(data.data);
      })
      .catch((error) => {
        console.error("Error:", error);
      });
}

对应的标准GET写法curl命令：

curl --request GET \
  --url 'http://base_url/api/v2/order/all?userId=79025884&limit=10&page=1' \
  --header 'Content-Type: application/json' \
  --cookie 'token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJwaG9uZU51bWJlciI6IjA4ODc3NzA5MjIxIiwidXNlcm5hbWUiOiJGbG8iLCJpYXQiOjE2NTEwMzIxNTYsImV4cCI6MTY1MTA3NTM1Nn0.JkwTPvjig7bd8Q27MvZ7DsUCz68Qyzh3EctFTRh-m0E; connect.sid=s%253AgtaL-l_60sBGAdEhTiHspbzX3rBBiEFg.O5z0JBi7Oqo1UXSZOxQckm2FNhG3A%252BWZod951CC5Cys'

方案二：用XMLHttpRequest替代fetch（临时兼容） #

如果后端执意保留GET带请求体的写法，可以用XMLHttpRequest绕开fetch的限制，XHR对这种不规范场景兼容性更好：

function GetActivity() {
    const url = APIConfig.SERVER.ORDER + "/all";
    const xhr = new XMLHttpRequest();
    xhr.open("GET", url, true);
    xhr.setRequestHeader("Content-Type", "application/json");
    // 自动携带Cookie可打开下面一行，手动传Cookie则用setRequestHeader设置
    // xhr.withCredentials = true;

    xhr.onload = function() {
        if (xhr.status >= 200 && xhr.status < 300) {
            const data = JSON.parse(xhr.responseText);
            console.log("GetActivity Order:", data);
            setOrderList(data.data);
        } else {
            console.error("Request failed with status:", xhr.status);
        }
    };

    xhr.onerror = function() {
        console.error("Network error occurred");
    };

    xhr.send(JSON.stringify({
        userId: "79025884",
        limit: 10,
        page: 1,
    }));
}

方案三：要求后端改为POST请求（最规范） #

从HTTP设计原则来看，GET带请求体属于不规范写法，建议直接和后端同事沟通，将接口改为POST请求。修改后你的原有代码只需把method改为"POST"即可正常运行，无任何兼容性隐患。

内容的提问来源于stack exchange，提问作者CCP