如何使用 Angular 2 访问 API？

Question

我希望能够在我的 Angular 2 应用程序之外导航到 mywebsite.com/api。 这应该会将我带到托管在同一服务器中的 API 应用程序。

这是我当前的路线设置。

export const routes: Routes = [
  {path: '', redirectTo: '/home', pathMatch: 'full'},
  {path: 'home', component: HomeComponent},
  {path: 'registration', component: RegistrationComponent},
  {path: '**', redirectTo: '/home', pathMatch: 'full'}
];

由于不需要组件或模板，我将如何排除路径？

Answer 1

在angular2 中，您将使用http docs here 拨打api，

import { Http, Response, Headers } from '@angular/http';

export class ProfileComponent implements OnInit {

    constructor( private router: Router, private auth: Auth, private http: Http  ) { }

  private personalSubmit() { 
      let headers = new Headers();
      headers.append('Content-Type', 'application/json');
      return this.http
      .post('http://localhost:4200/api/apiEndpointURL', 
        this.personal, 
        { headers: headers })
      .map((res:Response) => res.json())
      .subscribe((res)=>{
            //do something with the response here
            console.log(res);
        });
    }

这是发布表单的示例。表单中的值为post，在这种情况下，对terminal 的响应是console.log。这是一个使用 node.js 后端的示例。我不确定php 需要更改什么，但最终您将需要http package。唯一的事情是您可能需要根据返回的内容更改应用程序类型。

我相信对于php，您将其用作应用程序类型，

headers.append('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');

我找到了一个使用 php 的示例