Ionic2 http post 请求中不存在“Access-Control-Allow-Origin”标头

Question

这是我完整的code...

this.http.post(link, data, { headers: headers })
   .map(res => res.json())
   .subscribe(data => {
       this.data.response = data._body;
    }, error => {
        console.log("Oooops!");
    });

运行代码后出现此错误：

"XMLHttpRequest cannot load 
https://script.google.com/macros/s/AKfycbzdHHKBmLWJYZtFGlJGOrUwlPIWXor1geEOgcSgvhs/dev.     
No 'Access-Control-Allow-Origin' header is present on the requested resource. 
Origin 'http://localhost:8100' is therefore not allowed access. 
The response had HTTP status code 401."

我已经搜索过 CORS...但我无法理解...

任何帮助将不胜感激。

Answer 1

我有同样的问题，但经过几个小时的搜索，我的问题消失了。

ionic.config.json

{
  "name": "KickStarter",
  "app_id": "85ff0666",
  "v2": true,
  "typescript": true,
  "proxies": [
    {
      "path": "/mobile",
      "proxyUrl": "http://xxxxx:port/mobile"
    }
  ]
}

你应该使用ionic g provider [name-of-provider] --ts 它会生成提供者来发出这样的请求：

export class AuthProvider {
    data: any = null;

    constructor(public http: Http) { }

    load() {
        if (this.data) {
            // already loaded data
            return Promise.resolve(this.data);
        }

        // don't have the data yet
        return new Promise(resolve => {
            // We're using Angular Http provider to request the data,
            // then on the response it'll map the JSON data to a parsed JS object.
            // Next we process the data and resolve the promise wi new data.
            this.http.get('/mobile/api/authentication')
                .map(res => res.json())
                .subscribe(data => {
                    // we've got back the raw data, now generate the core schedule data
                    // and save the data for later reference
                    resolve(this.data);
                });
        });
    }
}

请记住：/mobile/api/authentication -> /mobile 来自 path 中的 ionic.config.json。

Answer 2

从谷歌浏览器下载Allow-Control-Allow-Origin 应用程序。在安装的应用程序中启用 CORS 并执行您的代码。这将在您的浏览器中暂时允许 CORS。