Webpack devServer不代理请求

时间:2020-04-07 08:36:44

标签: javascript node.js webpack webpack-dev-server

问题是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

1 个答案:

答案 0 :(得分:0)

对于遇到相同问题的任何人,这似乎是我的npm脚本导致的非常愚蠢的错误。这是我的脚本:

webpack-dev-server --open --mode development && npm run server:dev

因此webpack-dev-server正在运行,但我认为它没有涉及到第二部分npm run server:dev-启动服务器的事情。感谢Phil回答我的问题并建议我尝试使用邮递员访问API,这使我意识到服务器未运行,并让我意识到了错误。