Response for preflight has invalid HTTP status code 405 AngularJS

Question

I'm getting this error:

XMLHttpRequest cannot load http://apidev.facu.la/api/json/infotag/search/?criteria=&infotagType=book&companyid=2. Response for preflight has invalid HTTP status code 405 when trying to do this httpget call:

  $http({
                method: 'GET',
                dataType: "json",
                url: 'http://apidev.facu.la/api/json/infotag/search/?criteria=&infotagType=book&companyid=2',
                headers: {
                    "Content-Type": "application/json"
                }
            }).then(function successCallback(response) {
                alert('ok');
            }, function errorCallback(response) {
                alert('error');
                console.log(response);
            });

Any idea what am I missing? Postman calls work just fine.

Update

Endpoint code:

  [WebInvoke(Method = "GET",
            RequestFormat = WebMessageFormat.Json,
            ResponseFormat = WebMessageFormat.Json,
            BodyStyle = WebMessageBodyStyle.Bare,
            UriTemplate = "/json/infotag/search/?criteria={criteria}&infotagType={infotagType}&companyid={companyid}")]
        public XElement InfoTagSearchXML_json(string criteria, string infotagType, int companyid)
        {
            return InfoTagSearchXML(criteria, infotagType, companyid);
        }

Method not allowed (Status code 405) means you don't have any OPTIONS method defined on your endpoint. It's mandatory for CORS requests. See CORS Can you give any details about your endpoint? (Language, Frameworks, etc.) — KRONWALLED
– KRONWALLED, Commented Jun 9, 2016 at 14:27
@Kronwalled just added the call to the question body. Thx for helping me! — Laziale
– Laziale, Commented Jun 9, 2016 at 14:59

KRONWALLED · Accepted Answer · 2016-06-09 15:26:18Z

0

You can add a WebInvoke for Method OPTIONS to your ServiceContract like this:

[ServiceContract]
public interface ITestService
{
    [WebInvoke(Method = "OPTIONS", UriTemplate = "*")]
    void getOptions();

    ... other invokes
}

public class Service : ITestService
{
    public void getOptions()
    {
        WebOperationContext.Current.OutgoingResponse.Headers.Add("Access-Control-Allow-Origin", "*");
        WebOperationContext.Current.OutgoingResponse.Headers.Add("Access-Control-Allow-Methods", "GET, OPTIONS");
        WebOperationContext.Current.OutgoingResponse.Headers.Add("Access-Control-Allow-Headers", "Content-Type");
    }

    ... other invokes
}

answered Jun 9, 2016 at 15:26

KRONWALLED

1,44211 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Laziale Over a year ago

Thanks @Kronwalled. Once I'll add that, how can I utilize it for my call? Or that's the only thing I need to do?

KRONWALLED Over a year ago

It should be automatically invoked when you fire the GET request

Laziale Over a year ago

Getting this error after the changes i.gyazo.com/83267cb7a48c2a1167c015f83b160079.png

KRONWALLED Over a year ago

Could you update the post how the whole service looks right now?

user_1856538_ · Accepted Answer · 2018-07-28 09:07:00Z

0

Do the following:

 Install-Package Microsoft.AspNet.WebApi.Cors

then go to Web.config and remove these lines (if you have them)

<remove name="X-Powered-By" />
<add name="Access-Control-Allow-Origin" value="*" />
<add name="Access-Control-Allow-Headers" value="Accept, Content-Type, Origin" />
<add name="Access-Control-Allow-Methods" value="GET, PUT, POST, DELETE, OPTIONS" />

and add the following code in WebApiConfig.cs file from App_Start folder:

var enableCorsAttribute = new EnableCorsAttribute("*",
                          "Origin, Content-Type, Accept",
                          "GET, PUT, POST, DELETE, OPTIONS");
config.EnableCors(enableCorsAttribute);

answered Jul 28, 2018 at 9:07

user_1856538_

14911 bronze badges

Collectives™ on Stack Overflow

Response for preflight has invalid HTTP status code 405 AngularJS

Update

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Update

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related