从Webpack开发服务器到flask后端的开发代理连接被拒绝

ie3xauqp  于 2022-12-13  发布在  Webpack
关注(0)|答案(1)|浏览(351)

我一直在开发一个react应用程序,我想让热重加载运行起来,所以我设置了一个webpack dev服务器。它运行得很好。它运行在localhost:8080上,热重加载运行得很完美。
太好了,现在我只需要设置一个代理来将请求从8080路由到运行在5000上的flask服务器,对吗?
很酷,所以我在webpack.config.js中添加了一个代理字段

27     devServer: { 
 28         static: './static/dist',
 29         proxy: {
 30             '/': 'http://localhost:5000',
 31             secure:false,
 32         }
 33     },

但当我重新运行npm run start时

"start": "webpack serve --open --mode=development"

我得到所有这些连接拒绝错误。我的 flask 启动并运行良好,我可以直接查询API路由并返回数据。

[webpack-dev-server] [HPM] Error occurred while proxying request localhost:8080/all_users to http://localhost:5000/ [ECONNREFUSED] (https://nodejs.org/api/errors.html#errors_common_system_errors)

我按照网址,唯一的建议是,这个错误通常发生在外部系统关闭时。
如有任何帮助,我们将不胜感激。

5kgi1eie

5kgi1eie1#

我不知道为什么,但将“http://localhost:5000”更改为“http://127.0.0.1:5000”解决了我的问题。
如果有人知道,我仍然会好奇为什么这个修复它。我可以在我的浏览器中进入“http://localhost:5000”,查询我的后端就好了。

相关问题