Axios отправляет параметры запроса как ключ массива, почему так?

Question

[ddddd tttt]

let data = {
                    'email': this.email,
                    'password': this.password
                };
                axios({
                    data: data,
                    method: "post",
                    headers: {
                        'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8'
                    },
                    url: '/api/user/login/'
                }).then(response => {
                    console.log(response.data);
                }).catch(response => {
                    console.log(response);
                });

Comments

[Сергей delphinpro]

а как надо?

Answer 1

[iivkis]

let data = {
    email: '[e-mail]',
    password: '12345',
}

axios.post('https://example.com', {
    params: data,
    headers: {
        'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8',
    }
})
.then( res => {
    //your code
})
.catch( err => {
    //your code
})

Answer 2

[Medin K]

Связано с 'Content-Type': 'application/x-www-form-urlencoded'
https://github.com/axios/axios/issues/362
используй

var data = new URLSearchParams();
data.append('email', email);
data.append('password', password);

или с encodeURIComponent

"email=" + encodeURIComponent(email) + "&password=" + encodeURIComponent(password)