выборки возвращает 400 при отправке на локальный

Question

Я хотел бы сделать следующее в JavaScript:

curl --data "client_id=admin-cli&username=xx&password=xx&grant_type=password" http://localhost:8082/auth/realms/mine/protocol/openid-connect/token 

А вот моя попытка:

const data = {"client_id":"admin-cli","username":"xx","password":"xx,"grant_type":"password"}; 
    const formData = new FormData(); 
    for(name in data) { 
     formData.append(name, data[name]); 
    } 
    fetch("http://localhost:8082/auth/realms/mine/protocol/openid-connect/token", { 
     method: "POST", 
     body: formData 
    }) 
     .then(function (response) { 
      return response.text(); 
     }) 
     .then(function (text) { 
      console.log('Request successful', text.length,text); 
     }) 
     .catch(function (error) { 
      console.log('Request failed', error) 
     }); 

Которая производит ошибку:

POST http://localhost:8082/auth/realms/mine/protocol/openid-connect/token 400 (Bad Request) 
localhost/:1 Fetch API cannot load http://localhost:8082/auth/realms/mine/protocol/openid-connect/token. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:18080' is therefore not allowed access. The response had HTTP status code 400. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled. 
bundle.js:24428 Request failed TypeError: Failed to fetch 

Что я делаю неправильно? Я делаю доказательство концепции, поэтому я буду рад любому решению, пока он возвращает мне токен.

Я также попытался:

fetch("http://localhost:8082/auth/realms/mine/protocol/openid-connect/token?client_id=admin-cli&username=sa&password=sa&grant_type=password", { 
      method: "POST" 
     }) 

с тем же результатом.

Answer 1

-d/--data вариант для curl посылает запросы с Content-Type: application/x-www-form-urlencoded и с данными, отформатированные так же, как строки запроса, в виде одной строки с параметрами, разделенными & и значениями, которым предшествует =.

Так подражать, что вам нужно сделать:

fetch("http://localhost:8082/auth/realms/mine/protocol/openid-connect/token", { 
    method: "POST", 
    headers: { 
     "Content-type": 
     "application/x-www-form-urlencoded; charset=UTF-8" 
    }, 
    body: 
     "client_id=admin-cli&username=xx&password=xx&grant_type=password" 
}) 

FormData форматирует свои данные в multipart/form-data, который не то, что вы хотите, если ваша цель состоит в том, чтобы повторить этот curl вызов.

Answer 2

Атрибут Body использует строку json, пожалуйста, попробуйте сделать следующее. Также обратите внимание, что HTTP-запросы Get и Head не могут иметь тела.

fetch("http://localhost:8082/auth/realms/mine/protocol/openid-connect/token", { 
    method: "POST", 
    body: JSON.stringify(formData) 
})