通过代理配置从Electron-Angular项目调用API

时间:2019-02-11 15:21:26

标签: angular electron

在角度上,唯一要做的就是创建一个proxy.conf.json文件,使用命令ng serve --proxy-config proxy.conf.json配置代理,并编写类似

的文本
{
  "/api/v1/": {
    "target": "http://localhost:3000",
    "secure": false
  }
}

然后,如果我在应用程序http://localhost:3000中调用,应用程序将自动调用http://localhost:4200/api/v1/...

我的问题是我的角度应用程序像电子应用程序一样运行,因此我执行的运行命令是electron .,我什至不知道如何告诉电子我要调用locahost 3000如果我在应用程序中调用api / v1。

我已经阅读了Electron的文档,但不了解如何使用setProxy()设置代理。

尝试从应用程序调用API时遇到的错误是

ERR_CONNECTION_REFUSED

1 个答案:

答案 0 :(得分:0)

最后,如果您也遇到此问题,则无需调用angular项目的本地主机,只需直接调用API即可。

例如,

this.httpClient.get('http://localhost:4200/api/v1/...').subscribe(...);

成为

this.httpClient.get('http://localhost:3000/api/v1/...').subscribe(...);

就是这样。