angular - 如何使用 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，响应为 console.log 到 terminal。这是一个使用 node.js 后端的示例。我不确定 php 需要更改什么，但最终您将需要 http 包。唯一的问题是您可能需要根据返回的内容更改应用程序类型。

我相信对于 php 你使用它作为应用程序类型，

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

我用

找到了一个 php 示例