如何在angular2组件中配置服务器API?

angular deployment

29 观看

1回复

437 作者的声誉

我正在使用Angular2作为前端开发Web应用程序。但是,我注意到在我的角度代码中,我需要设置服务器api localhost:9000来获取数据。将来如果我想部署我的工作,我想我应该有一些配置文件来指定它。对于后端部分,我知道如何设置此服务器端口,但是如何在Angular中进行设置呢?如何设置一次,使其既可以在服务器中使用又可以在角度使用?

作者: Zanecat 的来源 发布者: 2017 年 9 月 15 日

回应 1


0

6599 作者的声誉

选项1 :

在angular 2项目proxy.conf.json中创建新文件,添加以下代码以配置API

{
    "/api/*": {
        "target": "http://localhost:9000",
        "secure": false,
        "logLevel": "debug"
    }
}

在您的package.json中修改以下

"start": "ng serve --proxy-config proxy.conf.json"

在上面的示例中,无需在service.ts文件中设置您的api完整路径:

像您的api一样: http:// localhost:9000 / users / me

在以下代码中在service.ts中使用

私人resourceUrl ='用户/我';

选项2:

在项目的.angular-cli.json文件中添加以下代码

"defaults": {
    "styleExt": "css",
    "component": {
    },
    "serve": {
      "port": 4201
    }
  }

选项3:

package.json文件中,设置“开始”:“ ng serve --port 4201”

作者: Chandru 发布者: 2017 年 9 月 15 日
32x32