尝试将请求 /api/books 从 localhost:4200 代理到 http://localhost:3333 时出现 Angular HPM localhost 错误答案

【问题标题】：Angular HPM localhost error from while trying to proxy request /api/books from localhost:4200 to http://localhost:3333尝试将请求 /api/books 从 localhost:4200 代理到 http://localhost:3333 时出现 Angular HPM localhost 错误
【发布时间】：2021-12-08 17:41:45
【问题描述】：

已经尝试了几个小时来解决此问题，但无法通过此错误发出发布请求。起初我使用 ng serve 但后来开始使用 npm start 但仍然出现错误。

错误：

[HPM] Error occurred while trying to proxy request /api/books from localhost:4200 to http://localhost:3333 (ECONNREFUSED) (https://nodejs.org/api/errors.html#errors_common_system_errors)

我的代理文件：

{
  "/api/*": {
    "target": "https://localhost:4200",
    "secure": false,
    "changeOrigin": true,
    "logLevel": "debug"
  }
}

【问题讨论】：

stackoverflow.com/a/65575397/217408 似乎已修复它

标签： javascript node.js angular mongodb proxy

【解决方案1】：

端口 4200 正在运行您的应用程序，不是吗？因此，您必须将代理文件中的目标 url 更改为 localhost:3300。

【讨论】：

你为什么使用 https？
我也试过http。将代理配置文件放在根目录中重要吗？
是的，将代理文件放在根目录（package.json 中的同一级别）并运行 ng serve --proxy-config proxy.conf.json
我修复了它，因为我正在运行 NX monorepo，所以我必须在新终端中执行服务 api

【解决方案2】：

NX Monorepo 有这个问题吗？如果是，您只是在运行此命令：

ng serve

在终端的新选项卡中，也运行命令：

ng serve api

因为两个服务器都需要启动。

【讨论】：

【解决方案3】：

如果您看到上述问题，很可能是前端在后端之前启动。看到后端命令提示符启动并运行后，只需在浏览器中刷新 Angular 应用程序即可。

【讨论】：