我得到錯誤：（跨源請求被阻止）ionic 2

Question

我收到以下錯誤： 跨域請求被阻止：同源策略不允許讀取http://safe-pay.co/safepay/public/api/user處的遠程資源。 （原因：缺少CORS頭'Access-Control-Allow-Origin'）。

我在下面給出的是我的代碼。任何機構都可以幫助我解決這個問題。

import { Injectable } from "@angular/core"; 
import { Http, Response  ,Headers } from '@angular/http'; 
import 'rxjs/add/operator/map'; 
@Injectable() 
export class UserService { 

userUrl = "http://safe-pay.co/safepay/public/api/user"; 

constructor(public http: Http) {   
} 

getCategories() { 
    let jsonData = {"Data":{ 
     "action": "CATEGORIES", 
     "lang": "AR" 
     }, 
     "Request": { 

     } 
    } 


    var headers = new Headers(); 
    headers.append('Content-Type', 'application/json'); 

    return this.http.post(this.userUrl,jsonData,{ 
    headers: headers }).map(res => res.json()).subscribe(data => { 
     console.log("data: ",data"); 
    }, 
    (err)=> console.log("error: ",err); 
    ); 
} 

Answer 1

它與您的代碼無關。出於安全原因，您的瀏覽器正在阻止它。

如果您使用Chrome，只要安裝這個擴展的應用測試=>https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?hl=en