使用 JS Fetch 模擬 Python HTTP 請求

Question

我可以使用 python 請求成功執行簡單的 HTTP 請求：

def renew_token():
    """
    Send a request to renew the login token
    """
    url = url
    fields = {
        "username": "username",
        "password": "password"
        }
    r = requests.post(url, data=fields)
    print(r)

我正在嘗試使用 javascript fetch 執行完全相同的請求，但沒有成功。

async function renewToken(url = '', fields = {}) {
    const response = await fetch(url, {
      method: 'POST'
      data: JSON.stringify(fields),
      mode: 'cors',
      cache: 'no-cache', 
      headers: {
        'Content-Type': 'application/json',
        //'Content-Type': 'application/x-www-form-urlencoded',
      },
    });
    return await response.json();
  }

  renewToken('url', { username: 'username', password: 'password' })
  .then((data) => {
  console.log(data); // JSON data parsed by `response.json()` call
  });

我得到的錯誤是：

{ data: null,
  message: 'No username or password provided',
  status: 'api-error' }

這意味着內容類型有問題。 我嘗試將content-type更改為“application/x-www-form-urlencoded”，但我遇到了同樣的錯誤。

使用 fetch 模擬 python 請求時我缺少什么？

Answer 1

必須使用表單數據，而不是在正文中發送數據：

async function renewToken(url = '', fields = {}) {
            const response = await fetch(url, {
              method: 'POST', //
              body: 'username=username&password=password',
              headers: {
                'Content-Type': 'application/x-www-form-urlencoded',
              },
            });
            return await response.json(); 
          }