Wie Verbinde Postbote api angular4

JS:

app.component.ts:

import { Component } from '@angular/core';
import { Http, Response } from '@angular/http';
import 'rxjs/add/operator/map';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'app will work!!';
  private apiUrl = 'https://address-book-demo.herokuapp.com/api/contacts';
  data: any = {};
  constructor(private http: Http){
  console.log('hellooooooo');
  this.getContacts();
  this.getData();
  }

  getData(){
  return this.http.get(this.apiUrl)
  	.map((res: Response) => res.json())
  }
  getContacts(){
  	this.getData().subscribe(data => {
  		console.log(data);
  		this.data = data;
  	})
  }
}

Ich versuche, mich trifft der oben apiurl und Holen Sie sich die Daten in meine Konsole.es ist in Ordnung.
Aber, Wenn ich die url wie „https://www.getpostman.com/collections/010e61af1…….“ dann bin ich nicht in der Lage zu schlagen, dass. (es gibt cross-origin-Problem).

Sobald ich installieren CORS-plugin, es funktioniert einwandfrei.

Wie kann ich das tun, ohne dass CORS-plugin.

und ich bin sehr neu in der Arbeit mit Briefträger-api.

  • welche Fehler sind Sie immer, wenn Sie auf diesen URL
  • Cross-origin-Problem nur.sobald ich installieren CORS-plugin, es hat gelöst..aber, ich will einfach nur wissen, wie es zu tun, ohne CORS-plugin
  • CORS aktiviert werden soll, auf der backend-Ebene
InformationsquelleAutor sowmya | 2018-01-30



One Reply
  1. 0

    Müssen Sie CORS Eigenschaften für die Antwort-Header

    res.header('Access-Control-Allow-Origin', '*');
    res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,OPTIONS');
    res.header('Access-Control-Allow-Headers', 'Content-Type, Authorization, Content-Length, X-Requested-With');
    

    Der einfachste Weg, es zu tun auf nodejs wie folgt:

    var cors = require('cors'); app.use(cors());
    

    Bitte schauen Sie auf hier für details

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.