Spring MVC с ошибкой выборки Reactjs

Question

Я получаю аналогичную ошибку (здесь) [ Получение "TypeError: не удалось получить", когда запрос на самом деле не завершился

Мой метод аннотирован @ CrossOrigin

С почтальоном мой запрос работает нормально (локально)

см. POST для http://star -is.info: 8080 / app-1.0.0-BUILD-SNAPSHOT / register с заголовками Content-Type application / x-www-form-urlencoded и передачей строка с именем

Локально работает нормально, но моя форма (здесь) [http://star -is.info: 8082 /] не

       const data = {};
        data['firstname'] = this.state.firstname;
        console.log('submitSignup');
        fetch('http://localhost:8080/app-1.0.0-BUILD-SNAPSHOT/register', {
            method: 'POST',
            body: JSON.stringify(data),
            headers: {
                'Content-Type': 'application/x-www-form-urlencoded'
            }
        })
        .then((response) => response.json()
        .catch(err => {
            console.err(`'${err}' happened!`);
            return {};
        })).then(function (body) {
            console.log(body);
        })
        .catch(error => {
     alert(error);
  });

---

Теперь я получаю ответ от сервера

{имя: ноль}

но почему имя не передается на сервер ..

Способ, которым я достиг этого, - использование регистра в качестве конечной точки для вызова в выборке. и используя прокси в package.json

---

Я удалил JSON.stringify с данными, но все равно он равен нулю

Смотри с почтальоном, я получаю ту же строку обратно

---

Я даже попробовал это

const data = {'firstname' : this.state.firstname};

все еще возвращается ноль

Answer 1

Наконец-то это работает. Я должен был закодировать отправляемые данные. Есть ли лучший способ сделать это в Reactjs для более сложных объектов

const searchParams = Object.keys(data).map((key) => { return encodeURIComponent(key) + '=' + encodeURIComponent(data[key]); }).join('&');

А затем использовать searchParams в теле fetch