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

Question

我正在开发一个使用Angular2作为前端的Web应用程序。但是，我注意到在我的角码中，我需要设置服务器API如localhost:9000来获取数据。在未来，如果我想部署我的工作，我想我应该有一些配置文件来指定它。对于后端部分我知道如何设置此服务器端口，但我怎么能在Angular中做到这一点？我怎样才能设置它一次，并使其在服务器和角度都工作？

Answer 1

选项1：

创建角2项目新的文件proxy.conf.json添加下面的代码在你的package.json配置API

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

修改下面

"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：

在包。 json文件集“start”：“ng se rve --port 4201“