Ionic post in rest服务错误，启用了Cors服务

Question

你好，我是爱奥尼亚的新手。我想打电话给爱奥尼亚的邮政服务，但我总是遇到这个错误；""

加载失败http://mywebservice.com/api:对飞行前请求的响应未通过访问控制检查：当请求的凭据模式为“包括”时，响应中的“访问控制允许原点”标头的值不得为通配符“*”。起源http://localhost:8100因此不允许访问。XMLHttpRequest发起的请求的凭据模式由withCredentials属性控制。

和用爱奥尼亚语呼叫邮政服务；

     let headers = new HttpHeaders();
      headers = headers
        .set("Accept", "application/json")
        .set("Content-Type", "application/json")     
        const params = new HttpParams();
        const options = { headers, params, withCredentials: true };
return this.http
  .post(
    "mywebservice.com/api", headers, options
  )do(res => console.log(res)); 
enter code here

任何帮助都是值得的，谢谢！

Answer 1

我最终通过在web.config中添加这些来解决我的问题(在我的webservice中启用cors，nancyfx)，(注意将您的自定义头添加到Access-Control-Allow-Headers中)

    <httpProtocol>
        <customHeaders>
 <add name="Access-Control-Allow-Origin" value="http://localhost:8100"/>
 <add name="Access-Control-Allow-Credentials" value="true"/>
 <add name="Access-Control-Allow-Headers" value="Origin, X-Requested-With, Content-Type, Accept, Authorization, Content-Disposition, mycustomheaders!" />
 <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS"/>
        </customHeaders>
    </httpProtocol>

Answer 2

在您的ionic. config（）中，您需要设置以下行

delete $httpProvider.defaults.headers.common['X-Requested-With'];
$httpProvider.defaults.useXDomain = true;