javascript - 无法使用 React 发送有效请求(它正在与curl一起使用)

Question

我正在尝试连接到使用 aiohttp 制作的小型服务器。这是一个 post 请求，这是使用 HTTPie 的样子(它也适用于curl):所以这是我尝试的 react :

    const requestOptions = {
      method: 'POST',
      body: encodeURIComponent('username=thomas&password=yolo'),
      headers: {
        'Content-Type': 'application/x-www-form-urlencoded',
        'Accept': 'application/json'
      }
    };
    fetch("http://localhost:8080/login", requestOptions)
        .then(response => response.json())
        .then(data => console.log("data:" + data))

但是这个请求不起作用:我在服务器端收到此错误:“需要用户名和密码字段”(服务器主文件 src: https://hasteb.in/amucojas.py )。这是我的浏览器的屏幕:

正如您在此屏幕截图中看到的，发送的请求末尾包含一个“:”。您认为这可能是问题所在吗？我做错什么了吗？在哪一边？

编辑:还尝试使用以下选项发送相同的请求:

    const requestOptions = {
      method: 'POST',
      body: JSON.stringify({ "username" : "thomas", "password" : "yolo"}),
      headers: {
        'Content-Type': 'application/json',
        'Accept': 'application/json'
      }
    };

它在浏览器中看起来好一些，但服务器返回了相同的错误。这是curl -v 的结果:

Answer 1

尝试

const user = {
    username: 'thomas',
    password: 'yolo'
};

const requestOptions = {
    method: 'POST',
    body: JSON.stringify(user),
    headers: {
        'Content-Type': 'application/json'
    }
}

fetch('http://localhost:8080/login', requestOptions)
    .then(response => response.json())
    .then(response => console.log(response));