请求的资源上不存在“Access-Control-Allow-Origin”标头 - ionic 2 应用程序

当我尝试使用 POST 请求访问本地服务器时，收到以下错误：

XMLHttpRequest 无法加载http://127.0.0.1:8000/api/v1/users/login。请求的资源上不存在“Access-Control-Allow-Origin”标头。起源 'http://本地主机:8100' 因此不允许访问。

我的服务器允许 CORS，因为我已经通过使用邮递员发送请求来测试它并且它有效。

这是我在前端的代码：

private headers = new Headers({
    'Access-Control-Allow-Origin': '*',
    'Access-Control-Allow-Methods': 'GET, POST, OPTIONS, PUT, PATCH, DELETE',
    'Access-Control-Allow-Headers': 'X-Requested-With,content-type',
    'Access-Control-Allow-Credentials': true 
});


postLogin(data) {
    console.log(data);
    return new Promise((resolve) => {
        this.http.post(this.api + "users/login", data, {headers: this.headers})
            .map(res => res.json())
            .subscribe(answer => {
                 this.loggedIn = true;
                 this.token = answer.token;
                 resolve(answer);
            });
    });
 }

PS：我没有通过 GET 请求收到此错误。

我尝试放置代理，但它没有改变任何东西:(

这是我的ionic.config.json:

{
  "name": "hardShop",
  "app_id": "",
  "v2": true,
  "typescript": true,
  "proxies": [
      {
          "path": "/api",
          "proxyUrl": "http://127.0.0.1:8000"
      }
  ]
}

再次尝试使用这个插件在您的浏览器中。

它允许您通过 ajax 请求来自任何来源的任何地址，绕过 http/https 安全要求或浏览器设置的其他限制（称为CORS）。实际上它注入了'Access-Control-Allow-Origin': '*'收到的响应中的标头before它会传递到在浏览器中运行的应用程序。

请记住，这是一个创可贴解决方案，主要用于开发。你的server's响应必须实际上具有'Access-Control-Allow-Origin': '*'标头，最好具有比*.

你现在所做的实际上没有任何效果，因为作为客户的你正在发送带有该标头的请求到服务器，然后立即忽略它。重要的是服务器有这个标头在他对你的客户的回复中.

据我所知，Postman 没有应用 CORS，所以也许这就是它不受影响的原因。