Метод Axios Post не активирует Действие в BackEnd

Question

Я хочу отправить запрос на мой BackEnd ASP.NET Core Web API из моего React JS FrontEnd, но при использовании @ axios @ он не запускается.

Я следовал некоторым инструкциям из Интернета относительнозапрос axios get / post, но, похоже, он не работает

handleRegistration = (event) => {
    event.preventDefault();

    const user = {
        email: this.state.email,
        firstName: this.state.firstName,
        lastName: this.state.lastName,
        password: this.state.password
    };

    axios.post('http://localhost:{somenumbershere}/api/values', { user })
        .then(res => {
            console.log(res);
            console.log(res.data);
        })
}

Я создаю пользователя и хочу отправить его в качестве объекта в мой метод Action в BackEnd, но он никогда не достигает точки останова.Как вы видите URL-адрес, на который я отправляю объект obj, @ api / values ​​/ 5 @ является примером маршрута для отправки в бэкэнд-метод actiom.Я украсил Действие с помощью HttpPost, но все равно ничего.

Answer 1

Вам необходимо отправить данные, используя FormData объект следующим образом:

var formData = new FormData();
formData.append('email', this.state.email);
formData.append('firstName', this.state.firstName);
formData.append('password', this.state.password);
formData.append('password', this.state.password);

Более подробную информацию можно найти FormData doc и в этом вопросе