Горячая перезагрузка сервера Webpack вызывает сетевую ошибку в действии - PullRequest
Новая
       11

Горячая перезагрузка сервера Webpack вызывает сетевую ошибку в действии

0 голосов
/ 18 ноября 2018

Я создаю свое приложение реагирования / редукса, используя для его обслуживания webpack-dev-server, API находится на отдельном порту, обслуживаемом узлом.Когда мое приложение монтируется, я автоматически запускаю действие, которое делает запрос к API для получения профиля пользователя: 

export const fetchProfile = () => async dispatch => {
    const config = { headers:  { authorization:localStorage.getItem('token')} }
    const res = await axios.get(`${API_URL}/profiles/profile`, config)
    const profile = res.data
    dispatch({ type: 'FETCH_PROFILE', payload: profile })
}

Если я обновляю страницу приложения вручную (Ctrl + R), все работает нормально.Но если я изменяю какой-либо код и webpack-dev-server автоматически перезагружает его, это действие вызывает следующую ошибку: 

GET http://localhost:3030/api/v1/profiles/profile 0 ()
Uncaught (in promise) Error: Network Error
    at createError (createError.js:16)
    at XMLHttpRequest.handleError (xhr.js:87)

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

Что происходит?Я действительно запутался.

...