在Angular.io中为HTTP配置端口

Question

我想创建一个 angular.io 应用程序，但其余的API应从不同的服务器端付。

来自localhost的角度内容:4200，来自node express服务器的数据在localhost上独立启动:3000。但是当我注入并使用‘http’时，如何配置要使用的端口？

Answer 1

只需将其添加到网址

this.http.get('http://localhost:3000')

Answer 2

假设您正在使用 Angular CLI 来构建项目的脚手架（我希望您是这样），您应该已经可以访问不同的环境设置。这些文件允许您轻松地向应用程序提供值，这些值可能因应用程序的运行位置而异。

environment.ts为您的环境值提供接口，然后environment.qa.ts、environment.prod.ts等（您可以创建任意数量的环境）允许您指定不同的值对应于该环境。

假设您的环境文件中有如下内容:

export const environment = {
    myEndpoint: 'localhost:3000'
}

您可以使用--env标志运行或构建应用程序以获得适当的值：

ng build --env=qa

访问env配置中定义的值很容易。在您的服务或组件中，只需为环境添加一个导入：

import { environment } from '../../environments/environment';

然后使用该值：

this.http.get(environment.myEndpoint)

Answer 3

事实证明，这导致了一种情况，即http.put（...）在rest服务器上被视为OPTIONS请求。

Angular$http正在发送选项，而不是PUT/POST

我发现了一个有效的方法，从angular服务器代理到rest服务器:

angular cli服务器-如何将API请求代理到其他服务器？

ng serve --proxy-config proxy.conf.json

proxy.conf.json：

{
   "/api": {
      "target": "http://localhost:3000",
      "secure": false
   }
}