Javascript 没有给我答复

我有一个带有用户名和密码字段的登录表单。我正在尝试将用户名和密码发送到django api。但控制台中没有显示任何内容。我试图在控制台中打印响应。这是我的密码

export default class LogInComponent extends Component {
    handleLoginButtonClick() {
        fetch('https://myname-backend.appspot.com',{
            method: "POST",
            type: 'json',
        data: {password:document.getElementById("username").value,
               username:document.getElementById("password").value
        }
        })
            .then(function(response) {
                // We get a JWT back.
                let jwt = response.auth_token;
                // We trigger the LoginAction with that JWT.
                console(response);
                //LoginActions.loginUser(jwt);
                return response;
            });

    }

    render() {
        return (
            <div className="LoginPage">
                <div className="login-page">
                    <div className="form">
                        <form className="register-form">
                            <input type="text" placeholder="name"/>
                            <input type="password" placeholder="password"/>
                            <input type="text" placeholder="email address"/>
                            <button>create</button>
                            <p className="message">Already registered? <a href="#">Sign In</a></p>
                        </form>
                        <form className="login-form">
                            <input id="username" type="username" placeholder="username"/>
                            <input id="password" type="password" placeholder="password"/>
                            <button onClick={this.handleLoginButtonClick}>login</button>
                            <p className="message">Not registered? <a href="#">Request Username and Password</a></p>
                        </form>
                    </div>
                </div>
                <img className="Logo_Tessact_White" src="./dev/js/images/TESSACT_logo_white.png"/>
            </div>
        );
    }
}

导出默认类LogInComponent扩展组件{
handleLoginButtonClick（）{
取（'https://myname-backend.appspot.com',{
方法：“张贴”，
键入：“json”，
数据：{密码：document.getElementById（“用户名”）.value，
用户名：document.getElementById（“密码”）.value
}
})
.然后（功能（响应）{
//我们得到了一个JWT。
设jwt=response.auth_令牌；
//我们用JWT触发登录。
控制台（响应）；
//登录用户（jwt）；
返回响应；
});
}
render（）{
返回(
创造
是否已注册
登录
是否未注册
);
}
}

这是我的api调用指南

我做错了什么

更新代码

export default class LogInComponent extends Component {
    handleLoginButtonClick() {
        fetch('https://myname-backend.appspot.com/auth/login', {
                method: "POST",
                type: 'json',
                data: {
                    "password": document.getElementById("password").value,
                    "username": document.getElementById("username").value
                }
            }
        )

            .then(function(response) {
            return response.json();
        })
            .then(function(data) {
                // We get a JWT back.
                let jwt = data.auth_token;
                // We trigger the LoginAction with that JWT.
                console.log(data);
                //LoginActions.loginUser(jwt);
                return data;
            });
        //browserHistory.push("app")
        // console.log('clicked')
        // console.log(document.getElementById("password").value);
    }



    render(){
        return (
            <div className="LoginPage">
                <div className="login-page">
                    <div className="form">
                        <form className="register-form">
                            <input type="text" placeholder="name"/>
                            <input type="password" placeholder="password"/>
                            <input type="text" placeholder="email address"/>
                            <button>create</button>
                            <p className="message">Already registered? <a href="#">Sign In</a></p>
                        </form>
                        <form className="login-form">
                            <input id="username" type="username" placeholder="username"/>
                            <input id="password" type="password" placeholder="password"/>
                            <button onClick={this.handleLoginButtonClick}>login</button>
                            <p className="message">Not registered? <a href="#">Request Username and Password</a></p>
                        </form>
                    </div>
                </div>
                <img className="Logo_Tessact_White" src="./dev/js/images/TE_logo_white.png"/>
            </div>
        );
    }

导出默认类LogInComponent扩展组件{
handleLoginButtonClick（）{
取（'https://myname-backend.appspot.com/auth/login', {
方法：“张贴”，
键入：“json”，
数据：{
“密码”：document.getElementById（“密码”）.value，
“用户名”：document.getElementById（“用户名”）.value
}
}
)
.然后（功能（响应）{
返回response.json（）；
})
.then（功能（数据）{
//我们得到了一个JWT。
设jwt=data.auth_令牌；
//我们用JWT触发登录。
控制台日志（数据）；
//登录用户（jwt）；
返回数据；
});
//browserHistory.push（“应用程序”）
//console.log（'clicked'）
//log（document.getElementById（“密码”）.value）；
}
render（）{
返回(
创造
是否已注册
登录
是否未注册
);
}

---

仍然无法让控制台打印响应。

url似乎有误。您有：

fetch（'https://myname-backend.appspot.com“，{

并应具备：

---

fetch（'https://myname-backend.appspot.com/login“，{

url似乎有误。您有：

fetch（'https://myname-backend.appspot.com“，{

并应具备：

---

fetch（'https://myname-backend.appspot.com/login“，{

您传递的数据不正确，即密码中的

用户名

和用户名中的

密码。

使用

---

您传递的数据不正确，即密码中的

用户名

和用户名中的

密码。

使用

    data: {password:document.getElementById("password").value,
           username:document.getElementById("username").value
    }