发布到本地主机时获取 returns 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

我做错了什么？我正在做一个概念验证，所以我会对任何解决方案感到满意，只要它 returns 我是令牌。

我也试过：

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

curl 的 -d/--data 选项发送带有 Content-Type: application/x-www-form-urlencoded 的请求，数据格式与查询字符串一样，作为单个字符串，参数由 [=15= 分隔] 以及前面带有 =.

的值

因此，要模拟它，您需要执行以下操作：

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 字符串请您尝试以下另请注意，Get 和 Head HTTP 请求不能有正文。

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

发布到本地主机时获取 returns 400

fetch returns 400 when posting to localhost

javascript

fetch-api