Winkel-2 http-request mit Access-Control-Allow-Origin auf *

Ich bin mit angular2 und Typoskript.

Ich versuche, die post an meine E-mail-Schimpanse-Abo-Liste.

Mein code bisher:

 constructor(router: Router, http: Http){   
      this.router = router;

      this.http = http; 
      this.headers = new Headers();
      this.headers.append('Content-Type', 'application/json');
      this.headers.append('Access-Control-Allow-Origin', '*');
  }

  subscribe = () => {
        var url = "https://thepoolcover.us10.list-manage.com/subscribe/post?u=b0c935d6f51c1f7aaf1edd8ff&id=9d740459d3&subscribe=Subscribe&EMAIL=" + this.email;
        this.isSuccess = false;

        this.http.request(url, this.headers).subscribe(response => {
           console.log(response);
           this.isSuccess = true; 
        });   
  }

Dies ist der Fehler, ich bekomme in meiner Konsole:

Winkel-2 http-request mit Access-Control-Allow-Origin auf *

Ich bekomme diese Fehlermeldung jetzt: Uncaught SyntaxError: Unexpected token <

Aktuellen code unter:

export class Footer{
  email: string = "";
  router : Router;
  http : Http;
  jsonp: Jsonp;
  isSuccess: boolean = false;

  constructor(router: Router, jsonp: Jsonp, http: Http){   
      this.router = router;
      this.http = http; 
      this.jsonp = jsonp;
  }

  subscribe = () => {
        var url = "https://thepoolcover.us10.list-manage.com/subscribe/post?u=b0c935d6f51c1f7aaf1edd8ff&id=9d740459d3&subscribe=Subscribe&EMAIL=" + this.email;
        this.isSuccess = false;

        this.jsonp.request(url).subscribe(response => {
           console.log(response);
           this.isSuccess = true; 
        });   
  }

InformationsquelleAutor der Frage AngularM | 2016-02-02

  1. 20

    Den Access-Control-Allow-Origin header ist etwas, das vorhanden sein sollten in der Antwort, nicht in die Anfrage.

    Wenn Ihr service unterstützt CORS, es muss zurück in die Antwort-Header zu ermöglichen, der die Anforderung. Es ist also nicht ein problem der Angular-Anwendung, aber es ist etwas, das behandelt werden muss, an die server-side-Ebene...

    Wenn Sie weitere Einzelheiten benötigen, Sie können einen Blick auf diesen link:

    Bearbeiten

    Scheint es, dass thepoolcover.us10.list-manage.com nicht unterstützt CORS aber JSONP. Sie könnten versuchen, umgestalten von code, wie unten beschrieben:

    constructor(private router: Router, private jsonp: Jsonp){   
}

subscribe = () => {
  var url = "https://thepoolcover.us10.list-manage.com/subscribe/post?u=b0c935d6f51c1f7aaf1edd8ff&id=9d740459d3&subscribe=Subscribe&EMAIL=" + this.email;
  this.isSuccess = false;

  this.jsonp.request(url, this.headers).subscribe(response => {
    console.log(response);
    this.isSuccess = true; 
  });   
}

    Vergessen Sie nicht, geben Sie JSONP_PROVIDERS beim aufrufen der bootstrap Funktion.

    Finden Sie unter diesem link für mehr details:

    InformationsquelleAutor der Antwort Thierry Templier

  2. 1

    Ist das problem in der server-Seite. Sie haben zu sagen, Ihren Dienst für das empfangen von GET-Anforderungen. Zum Beispiel, in der JEE mit Spring, die Sie brauchen, um hinzuzufügen, nur:

    @CrossOrigin
@RequestMapping(value = "/something", method = RequestMethod.GET)

    InformationsquelleAutor der Antwort zoubir REMILA

Schreibe einen Kommentar