ionic 2 No 'Access-Control-Allow-Origin' header

Question

I want to post data on restfull api but I take (XMLHttpRequest cannot load https://deneme.com/api/v1.0/users/login/. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8100' is therefore not allowed access.) error.

I solved this problem with chrome plugin (Allow-Control-Allow-Origin: *) name is cross. but my code is not working on android device. how can ı solve this problem with code

my code;

kanallistele()
{

  var veri;

     this.kanallardiv=true;
    this.uyegirisdiv=false;
    this.kanallistelebtn = false;
    var headers = new Headers();
    headers.append('Accept', 'application/json');
    headers.append('Content-Type', 'application/json' );
    headers.append('Access-Control-Allow-Origin','*'); 
    //headers.append('Authorization' , 'Basic '+ btoa(tok));
    let options = new RequestOptions({ headers: headers });

    let postParams = {
    token: "381f13d7056-ce5fe474919",
    user_id: "71",
    }

    var veris="channel_name_";
    this.http.post("https://deneme.com/api/v1.0/channels/", postParams, options)
      .subscribe(data => {
        veri = data['_body'];
        console.log(veri);       
        veri= veri.slice(1, -1);
        veri = veri.replace(/\\/g, "");
        veri = JSON.parse(veri);
        for(var i = 0 ;;i++)
          {
              if(!veri.channel_list['channel_name_' + (i)])
                    break;   

              this.veriler.push({channelname: veri.channel_list['channel_name_' + (i)],channelid: veri.channel_list['channel_id_' + (i)]});              
          }
       }, error => {
        console.log(error);// Error getting the data
      });  
  }

This link might be helpful https://stackoverflow.com/questions/37599655/no-access-control-allow-origin-header-is-present-on-the-requested-resource-i — hrdkisback, Jul 21 '17 at 06:52
Try `let headers = new Headers({ 'Content-Type': 'application/x-www-form-urlencoded' });`. Remove all other headers. — Swapnil Patwa, Jul 21 '17 at 07:08

score 0 · Answer 1 · edited Jan 04 '18 at 12:05

0

Use Header parameter like this :

let headers = new Headers();
headers.append('Content-Type', 'application/json');
this.headers = {headers};
this.http.post(API_URL, JSON.stringify(userData), this.headers).map(res => 
res.json());

Hope it works.

edited Jan 04 '18 at 12:05

Kishan Oza

1,707
1
16
38

answered Jul 21 '17 at 11:41

Vikharry91

32
1

score -1 · Answer 2 · answered Jul 21 '17 at 06:47

-1

try to add Allow-Control-Allow-Origin in file of Restapi on top of files

answered Jul 21 '17 at 06:47

Bikram Maharjan

72
6

ionic 2 No 'Access-Control-Allow-Origin' header

2 Answers2