React обновляет страницу при запуске post-запроса axios с formdata

#javascript #node.js #reactjs #axios

#javascript #node.js #reactjs #axios

Вопрос:

Как только запрос вызывается, страница обновляется, и она отменяется в консоли Chrome devtools. Пример запроса:

 await api.post("apiurl", dataForm, {
    headers: {
      authorization: `token`,
    },
  });
 

Консоль Google Chrome:
введите описание изображения здесь

Проблема возникает да и нет, чаще при отправке файла размером более 2 МБ.

Комментарии:

1. какова ваша конечная цель, пожалуйста, опишите. Вы хотите, чтобы после завершения вызова api компонент выполнял рендеринг?

2. Цель состоит в том, чтобы завершить запрос и вернуть сообщение «ok», но иногда оно отправляется нормально, но иногда обновляет и отменяет запрос, даже отправляя тот же файл.

Ответ №1:

Обходной путь: при запуске проекта в prod после сборки npm run и сборки serving -s страница больше не обновляется.