问题是webpack-dev-server根本没有将请求代理到我的API。
我的设置是,我的根目录当然有一个webpack.config.js仓库,还有一个包含我所有前端东西的客户端目录,然后其他目录与我的Express服务器相关。前端代码最初是在其自己的单独存储库中,然后再将其移到与快递服务器相同的目录中,然后可以很好地进行代理。
当我说“不起作用”时,我的意思是:webpack-dev-server在localhost:9000上旋转应用程序的前端,当我向/api/foo
发出请求时,它尝试请求{{ 1}}而不是localhost:9000/api/foo
,并在浏览器控制台中显示504错误。因此webpack-dev-server可以正常工作,它根本不做任何代理。我认为这是相关代码:
// webpack.config.js
localhost:3100/api/foo
答案 0 :(得分:0)
对于遇到相同问题的任何人,这似乎是我的npm脚本导致的非常愚蠢的错误。这是我的脚本:
webpack-dev-server --open --mode development && npm run server:dev
因此webpack-dev-server正在运行,但我认为它没有涉及到第二部分npm run server:dev
-启动服务器的事情。感谢Phil回答我的问题并建议我尝试使用邮递员访问API,这使我意识到服务器未运行,并让我意识到了错误。