将后参数传递给WCF服务时出现AngularJS CORS错误

Question

Have a WCF webservice running locally ,POST API looks like this `

[WebInvoke(Method = "POST",
     BodyStyle = WebMessageBodyStyle.Wrapped,
     ResponseFormat = WebMessageFormat.Xml)]
        public string AssignLoopToLocations(int LoopID, int[] LocationIDs)
        {
            string strFileName = "AssignLoopToLocations_respone.xml";
            string strResult = GetFileData(strFileName);
            return strResult;
        }

I have added following lines in Web.config of service in system.webserver tag for CORS `

<httpProtocol>
      <customHeaders>
        <add name="Access-Control-Allow-Origin" value="*" />
      <add name="Access-Control-Allow-Methods" value="GET,PUT,POST,DELETE,OPTIONS" />
      </customHeaders>
    </httpProtocol>`

`

My angular side API call looks this `

factory.assignLocationsToLoop = function ( LoopID,locationList ) {
        var data = {
            LoopID : LoopID, LocationIDs : locationList
        } 
        return $http.post(mediaServicePath + "AssignLoopToLocations", data);

`

I am getting this error only when accessing api that has params .When runnin g the same API call in Postman able to get the reponse.Any help would be appreciated.

Answer 1

Finally the solution has appeared by making a Global.cs file in WCF service as follows `

protected void Application_BeginRequest(object sender, EventArgs e)
        {
            HttpContext.Current.Response.AddHeader("Access-Control-Allow-Origin", "*");
            if (HttpContext.Current.Request.HttpMethod == "OPTIONS")
            {
                HttpContext.Current.Response.AddHeader("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE");
                HttpContext.Current.Response.AddHeader("Access-Control-Allow-Headers", "Content-Type, Accept");
                HttpContext.Current.Response.AddHeader("Access-Control-Max-Age", "1728000");
                HttpContext.Current.Response.End();
            }
        }

` All this with no httpProtocol code mentioned in the above Web.config.