мой статус почтового запроса к Reqres api всегда равен 400, и я получаю ответ об ошибке регистрации

Question

мой статус почтового запроса к Reqres api всегда равен 400, и я получаю ответ об ошибке регистрации, хотя json я отправляю аналогично действительному из api

это мой HTML

        <input v-model="mail" type="email" />
        <input v-model="pass" type="password" />
        <button @click="reg">register</button>
    </div> 

это JS ()

var vm = new Vue({
    el: '#app',
    data: {
        mail: "",
        pass: ""
    },
    methods: {
        reg: function () {

            var obj = {
                email: this.mail,
                password: this.pass
            }


            var xhr = new XMLHttpRequest();

            xhr.onreadystatechange = function() {
                    console.log(xhr.responseText);
            }

            xhr.open('POST', 'https://reqres.in/api/register');
            xhr.send(JSON.stringify(obj));
        }
    }
})

Answer 1

Общий c API, который соответствует принципам REST и принимает тип содержимого application/json

Установите заголовок Content-Type на application/json перед запуском .send()

xhr.open('POST', 'https://reqres.in/api/register');
xhr.setRequestHeader("Content-Type", "application/json");
xhr.send(JSON.stringify(obj));