启用了Cors的服务后，离子在休息服务中出现错误 [英] ionic post in rest service error with Cors enabled service

问题描述

你好，我是ionic的新手.我想打电话给ionic服务，但是我总是会收到此错误； "

Hello I'm a newbie in ionic.I want to call post service in ionic but I always get this error ; ""

无法加载 http://mywebservice.com/api :对预检请求的响应未通过访问控制检查:当请求的凭据模式为包括"时，响应中访问控制允许-原始"标头的值不得为通配符"*".因此，不允许访问来源' http://localhost:8100 . XMLHttpRequest发起的请求的凭据模式由withCredentials属性控制.

Failed to load http://mywebservice.com/api: Response to preflight request doesn't pass access control check: The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the request's credentials mode is 'include'. Origin 'http://localhost:8100' is therefore not allowed access. The credentials mode of requests initiated by the XMLHttpRequest is controlled by the withCredentials attribute.

即使在高级Rest Service上也已在我的Web服务(nancyfx)中启用了Cors.

I have enable Cors in my web service (nancyfx) Even I check it on advanced Rest Service .

并致电ionic的邮政服务部门；

And call post service in ionic ;

     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

谢谢您的帮助！

推荐答案

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

I finally solve my problem by adding these in web.config (enable cors in my webservice ,nancyfx) ,(be aware of adding your custom headers to the 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>

这篇关于启用了Cors的服务后，离子在休息服务中出现错误的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！