JavaScriptのfetchAPIについて

Question

前提・実現したいこと

・環境はReact x Reduxをwebpack3系でビルド
・idとpasswordをAPIに投げて、tokenを取得したい。
・GoogleChrome最新版で開発

APIをコールするソースコード

    if (req.method === 'POST') {
        reqObj.headers = reqObj.headers || {};
        reqObj.headers.Accept = 'application/json';
        reqObj.headers['Content-Type'] = 'application/json';
        reqObj.body = JSON.stringify(req.data);
    }

    return fetch(reqUrl, reqObj)
        .then(handleErrors)
        .then(payload => ({ payload }))
        .catch(err => {
            return {err}
        });

※req.dataにidとpasswordが入っています。

エラー

以下のエラーで弾かれます。

TypeError: Failed to execute 'fetch' on 'Window': Request cannot be constructed from a URL that includes credentials: <APIのURL>

よろしくお願いいたします。

Answer 1

リクエストURLにhttp://user:[e-mail]のように認証情報が含まれている可能性が考えられるのではないかと思います。
また、質問に記載のコードからはreqObjのmethod指定が不明なためGETリクエストとしてfetchを実行していることによりエラーとなっている等も考えられるのかと思います。