angularjs - 将本地 Node JS HTTP 服务器端口(在 Electron 中运行)传递给 angular.service

Question

我正在我的 Electron 应用程序中的本地主机上运行 RESTful Node JS Http 服务器。我在端口 0 上监听，以便操作系统给我一个随机的空闲端口。我如何访问我的 Angular 代码中的 givin 端 Eloquent 能知道我必须在哪个 URL 上执行 XHTTP 请求？

restapi 服务器(nodejs)在 127.0.0.1:0 上运行

var listener = app.listen(port, server, function() {
        port = listener.address().port;
        console.log('Listening on port ' + port + '@' + server); 
    });

Angular 中的 XHTTP 调用

private heroesUrl = 'http://localhost:1337/api/heroes';

getHeroes(): Promise<Hero[]> {
    return this.http.get(this.heroesUrl).toPromise()
        .then(
            ((response) => response.json() as Hero[])
            )
        .catch(this.handleError);   
}

知道如何用在服务器端打开监听器时获得的端口替换固定端口 1337 吗？

或者我应该只使用两侧的固定端口并希望它是免费的？我觉得不对。

另外，我不能只选择“/api/heroes”作为 URL，因为 Electron/Angular 正在 http://localhost:4200 上运行。 (发球)。

Answer 1

在使用这种设置进行开发时，我通常使用固定端口，这样我就不用担心配置动态端口了。此外，根据 Angular 应用程序的配置方式，您可能需要设置代理。例如，如果您使用 Angular-cli，下面是如何实现请求的功能。

https://github.com/angular/angular-cli/blob/d22e9ae73763923980fc1e59cfb2a0bf255b98d8/docs/documentation/stories/proxy.md