Как предотвратить перезагрузку страницы после загрузки файла на сервер dev?

Question

У меня есть приложение реагирования, работающее на порту 3000, и мой dev-сервер, работающий на порту 5000. У меня есть форма (да, у меня есть кнопки, настроенные на события onClick, а не отправка с помощью protectDefault), которая отправляет информацию в удаленный API и файл в мой сервер dev /upload.do, а затем в мою общую папку / images. Форма работала отлично, пока я не добавил загрузку файла на серверный сервер ax ios и теперь она обновляет всю страницу, как только происходит загрузка файла. Я исследовал это, и кажется, что это вызвано изменением в папке publi c, которая вызывает ссылку на страницу sh. Мой сервер. js использует express -fileupload для обработки вызовов API для localhost / 5000 / upload.do. Все работает, за исключением того, что обновляет мою страницу, чего у меня не может быть.

Мой вопрос: как я могу остановить появление страницы refre sh при загрузке файла в папку public / images?

Answer 1

у вас, вероятно, есть сервер разработки в режиме наблюдения. поэтому, когда вы загружаете файл, наблюдатель обнаруживает некоторые изменения на диске и перезагружается.

найдите эту опцию и отключите ее.

альтернативно, некоторые наблюдатели имеют возможность игнорировать определенную папку. Вы можете добавить эту папку с изображениями, чтобы игнорировать список.

Вы упоминаете, что реагируете на приложение, поэтому я думаю, что вы можете использовать webpack-dev-server?

, чтобы отключить режим просмотра для определенных файлов / папок. это

const path = require('path')

module.exports = {
  ...
  devServer: {
    watchOptions: {
      ignored: [
        path.resolve(__dirname, 'dist'),
        path.resolve(__dirname, 'node_modules'),
        path.resolve(__dirname, 'images') // image folder path
      ]
    }
  },
  ...
}

Answer 2

Вы можете попробовать e.preventDefault();, он используется для остановки перезагрузки страницы по умолчанию. Вы можете увидеть эту ссылку, Обработка событий !