Webpack开发服务器热重装导致Redux操作中出现网络错误

Question

我正在构建我的react / redux应用程序，使用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)

在服务器端，我编写了一个控制台日志，以确保控制器正在运行并返回响应，但是并没有，因此就好像请求甚至没有到达服务器。

这是怎么回事？我真的很困惑。