我收到错误：（跨源请求被阻止）离子 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