使用包含凭据的 URL 的请求

Question

我正在尝试获取 curl 并从 API 获取 JSON。

curl -XPOST -d "grant_type=password" -d "username=admin@admin.admin" \
    -d "password=admin" "web_app@localhost:8081/oauth/token"

当我在终端中使用 curl 时，一切正常，但尝试使用 fetch 时，我收到底部提到的错误消息。

fetch("http://web_app@localhost:8081/oauth/token", {
        credentials: 'include',
        body: "grant_type=password&username=admin@admin.admin&password=admin",
        headers: {
            "Content-Type": "application/x-www-form-urlencoded",
        },
        method: "POST"
    }

这是我得到的错误：

TypeError: http://web_app@localhost:8081/oauth/token 是一个带有 嵌入式凭据。

我做错了吗？

Answer 1

不能使用https://user:pass@host.com表单，需要设置Authorization http Header：

var headers = new Headers();

headers.append('Authorization', 'Basic ' + btoa(username + ':' + password));
fetch('https://host.com', {headers: headers})

btoa 将 'user:pass' 编码为 base64 编码字符串。您可以在 MDN 上找到 btoa 功能可用性（简而言之：它适用于 IE 10 及更高版本）。